如何在WordPress中使用WebP图像

您想在 WordPress 中使用 WebP 图像吗?如果您正在寻找一种可行的方法来创建 WebP 图像并在 WordPress 中使用它。

您是否厌倦了 WordPress 网站上加载缓慢的图像 ?

您想在不影响图像质量的前提下提高网站的速度和性能吗?

WebP 图像是最佳选择!这种创新的图像格式专为网络设计,文件尺寸更小,加载速度更快。在本文中,我们将讨论 WebP 图像、其优点和缺点,以及如何使用一个简单的插件在 WordPress 中使用 WebP 图像。

首先,让我们看看什么是 WebP 图像,以及 WebP 图像与普通图像的区别。

什么是WebP图像?

WebP 是谷歌在 2010 年开发的一种图像格式。它是一种开源的现代图像格式,旨在压缩高质量图像并在网络上高效显示。

WebP 使用先进的压缩技术,如预测编码、空间变化色度子采样和无损或有损压缩,在不影响质量的情况下产生更小的文件大小。此外,由于 WebP 图像专为在网络上使用而设计,因此非常适合网站和数字出版物使用。

由于 WebP 是一种比 JPEG 或 PNG 等老式格式更新的格式,它受益于现代图像压缩算法,从而提高了性能。

如果您希望优化网站速度 并提高整体性能,同时保持媒体文件的出色视觉质量,那么改用 WebP 图像格式可能是明智之举!

WebP图像的优缺点

与 JPEG 和 PNG 等格式相比,WebP 图像有很多优点,但在网站上使用 WebP 图像也有缺点。本节将向您介绍 WebP 图像的主要优缺点。

WebP 图像的优点

  • 由于体积小,网站加载速度更快
  • 占用服务器和设备的存储空间更少
  • 支持透明和无损压缩
  • 提高页面加载速度

WebP 图像的缺点

  • 缺乏对所有网络浏览器的支持
  • 将现有文件转换为 WebP 格式需要不同的工具或插件
  • 与其他网络浏览器的兼容性问题

虽然在 WordPress 中使用 WebP 图像有明显的好处,但网站所有者和开发人员在转换之前需要权衡这些优点和潜在的缺点。

如何使用插件在 WordPress 中使用 WebP 图像

在本节中,我们将向您展示如何使用插件在 WordPress 中使用 WebP 图像。市场上有几款插件可用于此目的。

但在今天的演示中,我们将使用支持将上传图片转换为 WebP 格式的 EWWW Image Optimizer 。

步骤 1:安装和激活

首先,登录 WordPress 后台,进入 插件 > 安装插件

接下来,搜索 EWWW Image Optimizer。找到合适的工具后,请在网站上安装并激活它。如果您愿意,也可以 手动安装和激活插件 。

步骤 2:配置

激活插件后,您可以通过设置页面对其进行配置。

为此,请访问 设置 ” EWWW Image Optimizer。这时会出现一个设置向导,但你可以点击”我知道我在做什么。“选项离开设置向导。

接下来,你会看到一个充满不同插件设置的屏幕。您只需向下滚动并查找”WebP 转换“。找到正确选项后,勾选旁边的复选框。

选中该复选框后,与 WebP 转换有关的其他设置将展开。

同样,选中 JS WebP 重写 和 图片 WebP 重写 ,然后单击 保存更改 按钮。现在,您可以继续前进了。

第 3 步:将图像优化为 WebP 格式

配置插件设置后,今后上传的所有图片都将自动转换为 WebP 格式。

但是 现有图片 不会被优化。因此,在这种情况下,我们必须手动转换它们。要做到这一点,请导航至 媒体 ” 批量优化 并点击 扫描未优化的图片。 此外,请确保选中 仅 WebP 复选框,以跳过压缩,仅转换图片。

接下来,您会看到需要优化的图片数量。

单击 “优化 X 图像” 按钮。

转换过程完成后,你会收到一个日志,显示批量优化已完成。

步骤 4:测试 WebP 格式

接下来,我们需要确保图片已正确转换为 WebP。要验证更改,请转到任何一篇博文,然后  在新标签页中打开一张图片。

如果您能在地址栏中看到 .webp 扩展名 ,则说明插件已成功将图像转换为 WebP 格式。

就是这样。

有了这些步骤,你就可以使用插件在 WordPress 中轻松使用 WebP 图像了。正如你在本教程中所看到的,你不需要做任何事情就可以将 PNG/JPEG 图像转换为 WebP 格式。

像 EWWW Optimizer 这样的简单插件就能帮你完成这项工作。

额外:将图像转换为 WebP 格式的最佳插件

如果您想使用插件将现有图像或新图像转换成 WebP 格式,请查看这些选项:

  • Imagify
  • Optimole
  • ShortPixel

每种工具都具有独特的功能。下面,我们将详细介绍这些插件。

1) Imagify

如果您需要将图片转换为 WebP 格式并对其进行优化,则应选择使用Imagify。该插件以其易用性和高质量图像压缩而著称。其所有付费计划都包含 WebP 优化功能 ,而且该插件还为不支持的浏览器提供了回退功能。

将图片添加到 WordPress 网站后,Imagify 会将图片上传到服务器进行压缩。它们可以在三个级别上压缩数据:无损压缩、智能压缩和两种压缩。该插件允许您在压缩模式之间来回切换。

特点

  • 易于使用
  • 轻量级插件
  • 多种压缩图片的方法
  • 自动 WebP 转换

定价

该插件是一款免费工具;您可以在 WordPress插件库中找到免费版本。高级版本的月租费为 9.99 美元 ,可从其官方网站下载 

本列表中的另一个插件是 Optimole,它具有 全自动 WebP 和 WebM 优化功能。您只需安装该插件,它就会在后台处理一切事务,优化您的图片,并确保以最有效的格式提供图片。

Optimole 的突出特点之一是自动压缩图片大小、通过遍布全球的 CDN 处理响应式图片、进行图片替换、重写图片 URL 并执行懒加载。

特点

  • 集成 CDN
  • 图像压缩
  • 重写图像 URL
  • 不会降低网站运行速度

定价

与 Imagify 类似,该插件也有免费和高级两个版本。您可以从软件源下载免费版的 Optimole 。另一方面,您可以下载免费版 ,高级版其价格为 22.99 美元/月。

ShortPixel 是最受欢迎的插件之一,它提供了一种简单有效的方法来优化 WebP 图像。它还具有方便的图像压缩功能,可帮助进一步缩小文件大小。要将图像转换为 WebP 格式, 您只需安装该插件,并在设置中勾选提供 WebP 版本的图像。

通过 WordPress 插件连接 ShortPixel 服务,您可以轻松优化 WordPress 网站上的图片。此外,ShortPixel 还在其网站上提供了一个包含图像优化服务的 SaaS(软件即服务)平台。

它是一款轻量级插件,用户界面简单易用,会定期更新。在该插件的帮助下,您可以直接优化服务器上的照片,或利用CDN  从远处存储和发送图片。

特点

  • 用户友好型设计
  • 轻松配置
  • 可用于多个网站
  • 集成 CDN

定价

ShortPixel 还是一款免费工具,其定价合理而灵活,是各种规模企业的理想选择。您可以从 插件库下载免费版 ShortPixel。ShortPixel 的高级版本每月收费 8.25 美元,可从其官方网站下载

结论

WebP 是一种革命性的图像格式,可帮助您在不牺牲质量的前提下大幅缩小图像尺寸。这有助于加快页面加载时间,改善网站的用户体验。

通过使用 WebP,您可以轻而易举地为网络优化所有图像,从而让您有更多时间专注于运行有效网站的其他方面。如果您正在寻找一种方法来 提高 WordPress 网站的性能, 那么实施 WebP 应该是实现这一目标的第一步。

正如您在本文中看到的那样,使用任何图像优化插件,如EWW optimizerShortPixelImagify,您都可以创建 WebP 格式的图片。当您上传许多图片到您的网站时,这可能是一个很好的补充。您还可以使用该插件将现有图片转换为 WebP 格式。

由于 Google 将页面速度作为排名因素之一,我们强烈建议优化图片以提高性能。

尝试将图片转换为 WebP 格式,提高网站的整体速度。

我们希望这篇文章为在 WordPress 中使用 WebP 图像提供了有价值的见解和指导。如果有,请务必与您的朋友分享。