建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

WebP 图片和 WordPress:为什么以及如何使用它们

GG网络技术分享 2025-03-18 16:12 0


如果您希望加快 WordPress 网站的速度,那么最好使用 WebP 图像格式。 为什么您的网站内容加载缓慢的主要问题都是因为您网站上的大照片。

但是,图像压缩器可能会强制您的用户加载图像文件的兆字节,并延迟抓取他们的连接。 除此之外,由于压缩器,您网站的图像可能会变得模糊。

但甚至有一些文件格式可以将图像压缩到任何内容,但它会影响图像的质量。 如果您不喜欢有损 JPEG 压缩的工作方式并使您的图像看起来几乎没有那么您必须选择使用 WebP。

你的意思是 WebP 图像和 WordPress,以及何时使用它,以及如何将 WebP 添加到基于 WordPress 的网站中?

您将在此博客中找到所有这些问题的答案。 此外,您将找到一种解决方案来最小化图像大小,而不会影响您的页面加载时间并确保其加载速度更快。

WebP 图像和 WordPress

WebP:这是什么意思?

我们使用的最流行的图像格式从 www 开始就被广泛使用。 是的,JPEG、PNG 和 GIF 等流行的图像格式以最佳方式完成了它们的任务。 那么什么以及为什么需要更多的图像格式?

寻找其他图像格式方法的主要问题是这些格式无法以最佳方式压缩图像。

互联网的使用与日俱增。 因此,越来越多的人更喜欢通过他们的移动设备搜索任何信息,这些移动设备是一种小型技术,即与台式计算机相比更少的电源包。

在世界各地,移动连接都是可用的,因此它可以比传统的有线互联网慢。

2010 年,WebP 图像和 WordPress 宣布附带一个长期问题的替代选项。 与使用以前的图像格式相比,它提供了出色的压缩和更高质量的图像。

它的目标与 WebM 的目标相似。 WebM 意味着在为网络优化的同时压缩音频和视频。

WebP 同时使用无损和有损压缩。 除此之外,它还支持元数据、颜色配置文件、透明度、动画等。 因此它也与所有主流浏览器兼容。

但它不适用于 Internet Explorer、KaiOS 和其他 safari 版本。 但是,仍然有很多用户使用这些浏览器,包括旧版本的 safari。

为什么 WebP 被认为是必不可少的

在 WebP 图像和 WordPress 上,谷歌做了很多研究。 然而,他们每次都发现算法可以将有损图像压缩 25-34%,将无损图像压缩 26%。

这显然意味着 WebP 可以更好地进行压缩,因为它依赖于提供一致性。 除此之外,即使与 PNG 等无损算法相比,您也永远不会失去图像的质量。

这是使用 WebP 的优势,但是仍然有很多用户使用旧技术来压缩图像。

然而,只有 0.3% 的网站使用了 WebP 功能。 WebP 的趋势正在上升,但人们仍然坚持使用较少使用的技术。

当我们谈论 WebP 的好处时,这真是令人惊讶。

这可能是一个问题,因为 WebP 无法提供一些支持功能,其中还包括透明度、动画等,以及与一些常见浏览器的不兼容。

另外,从其他图像格式(如 PNG)切换到 WebP 的任务并不容易。 您不能仅通过将 WebP 图像保存在您的计算机上来将图像上传到您的网站。 它还包含一些您需要注意的步骤。

但是,如果您真的希望您的网站内容应该快速加载,那么值得付出一些额外的努力。

WebP 和其他图像文件格式类型

有很多图像文件格式。 所有这些都提供了执行特定任务的强大功能。 一些文件格式对于很好地压缩图像很有用,而有些则支持动画。

您还会发现其他一些可以提供透明背景的格式。 我们并不是说 WebP 是所有替代方案的最佳选择,但是是的,它提供了一些可用于各种情况的功能。

下面我们来看看全球通用的一些常见的图片文件格式

  • PNG:PNG可以被认为是最常见的文件格式。 这种文件格式更适合无损压缩,最好在线显示艺术品和摄影作品。
  • TIFF:另一种文件格式是没有压缩的 TIFF。 这个形象在它的所有赞美中都得到了展示。 这就是大多数保存为 TIFF 的文件都会具有较大文件大小的原因。 对于网络,这不是最佳选择。
  • GIF:另一种格式是动画支持的 GIF。 但是,您可以说它是最古老的文件格式,也支持 250 多种颜色。 以 GIF 格式保存的图像看起来质量低劣且丑陋。 如果您正在寻找动画,那么您必须选择 GIF 格式。
  • EPS 和 SVG 文件:这两个是它们自己的关联。 这将保存和显示可缩放且清晰的矢量图像,因为它们不是由像素创建的。
  • WebP:WebP 的图像质量与 PNG 或 JPG 相同,但文件较小。 此外,它还支持动画和透明度。

如果您愿意牺牲某种图像质量以换取较小的图像,那么 WebP 是您的理想选择。

如果您不是在从事像投资组合网站这样的图像质量起着重要作用的项目,那么权衡一下是不错的选择。 如果没有,那么 PNG 是一个不错的选择。 取而代之的是,很少有人使用 TIFF 图像,否则 WebP 是您工作的理想选择。

到您的 WordPress 如何上传 WebP 图像

您将遇到两种不同的方式来帮助您上传 WebP 图像和 WordPress

  • 第一种方法是手动在您的网站上上传 WebP 图片
  • 第二种方法是使用插件在网站上上传 WebP 图片。

我们建议您使用插件在您的网站上获取 WebP 图像,因为这是最简单的方法,因为您不需要处理编码内容,而且在使用插件时只需要很少的设置。

但是,如果您选择手动获取 WebP 图像,那么您首先必须获取 WebP 图像。 作为 WebP,您无法保存图像或在您的计算机上,您无法更改扩展名,您需要一个专用的转换器。

为此,您可以使用 Google 的 Photoshop 插件,称为 WebPShop。 或者您也可以使用在线 WebP 转换器并在您的计算机上上传图像。

当您准备好上传 WebP 图像时,您可以在 HTML 或 CSS 中展示 WebP 图像。 对于不受支持的浏览器,您必须确保确定后备图像。 但不是这个,它只是引用 HTML 中的另一个图像。

有了这个,它有一个问题:

您不能在媒体上传器的帮助下上传 WebP 图像,因为 WordPress 不允许您这样做。 它只会通过确定您的浏览器不支持这种类型的文件来显示错误。

在您的服务器上,您可以手动上传 WebP 图像,并可以正确配置网站以展示它们,但这确实需要付出很多努力。

为了简化流程,您可以使用一些 WordPress 插件。 这些插件将帮助您更轻松地执行转换。 但是,您不需要执行太多任务来编辑代码以添加图像。

1.想象

想象一下

您可以说 Imagify 不仅仅是一个 WebP 转换,它还是一个插件,可以帮助您优化您上传的图像和缩略图。

Imagify 包含三种不同级别的压缩,即超(最大有损压缩)、正常(无损)和激进(有损)。

批量优化器将帮助您压缩所有已上传的图像。 因此,备份版本将被保存,如果您不想压缩图像,则可以撤消它。

只要您借助 Imagify 在您的网站上添加图像,它就会添加不同的 WebP 版本。 这样,您就可以在您的网站上展示优化后的 WebP 图片。

借助 Imagify,您可以免费压缩每月 25MB 的图像。

2. EWWW 图像优化器

ewww 图像优化器

另一个最受欢迎的 WordPress 图像优化器插件是 EWWW。 该插件兼作 WebP 转换器。 您也可以免费压缩无限的图像。

因此,在使用此插件时,您不必担心它的每月数据上限。 它还包括一个批量上传器。 但是,无论是否保存在媒体库中,它都会压缩所有图像。

有了这个插件,WebP 就可以使用了。 所有过程都是自动的。 在不更改原始图像的情况下,您还将获得压缩、延迟加载和页面大小缩放。

3. ShortPixel 图像优化器

短像素图像优化器

使用 ShortPixels,您将获得广泛的功能来压缩图像。 只需单击几下,您就可以开始使用它的功能。

因此,您将能够很容易地自动生成 WebP 版本。 使用批量优化器或直接上传您可以优化图像。

此外,它将帮助您将图像文件格式从 PNG 转换为 JPG、调整图像大小、优化缩略图、优化图像、删除元数据以及在您的服务器上备份未优化的图像。

这个插件实际上是在信用系统的基础上工作的,这意味着当你每月有 100 个图像信用时,你可以每月压缩 100 个图像来压缩更多,你将不得不购买更多的信用。

结论:
通过 WordPress,实际上并不支持 WebP,但在您的网站上,您仍然可以使用 WebP 图像。 如果您尝试直接上传它,它将无法正常工作。 但是你会发现一些插件可以很容易地在你的网站上添加 WebP。

标签: WordPress op

提交需求或反馈

Demand feedback