如何在 WordPress 上使用 WebP 图像

什么是WebP？

WebP 是 Google 创建的下一代格式，支持对网络上的图像（包括 WordPress）进行卓越的无损和有损压缩。这种下一代格式减少了图像的文件大小，从而在向用户呈现图像时下载速度更快，数据消耗更少。

就像 PDF 或 JPEG 一样，WebP 有自己的文件扩展名 – “your-file-name.WebP”。 

值得一提的是，WebP 可使用透明（alpha）背景并支持动画，即动画 GIF。 

为什么在 WordPress 上为图像选择 WebP

WebP 格式是一种有效的图像压缩方式，这意味着您可以在不影响质量的情况下获得更小的文件大小。在 WordPress 上使用 WebP 时，图像的视觉质量不会改变，并且文件本身要轻得多。因此，您可以获得更快的加载网站，同时保持最佳的用户体验。 

将图像转换为 WebP 是 PageSpeed Insights 上 Lighthouse 性能报告中建议的一部分。

WebP、JPEG、PNG 文件大小（带数据）

对于下一部分，我运行了自己的测试并将 PNG 和 JPEG 图像转换为 WebP。目标是看看我可以节省多少数据以及转换为 WebP 是否会影响质量。你好奇吗？让我们来发现结果吧！

WebP 与 JPEG

当我自己转换为 WebP 时，这种下一代格式使我的原始文件大小 (JPEG) 节省了 70%，并且两张图片看起来相同。 

平均而言，Google 发现 WebP 文件的平均大小比 JPEG 文件小 25%-34%。

WebP 与 PNG

同样，WebP 无损图像比 PNG 小约 26%。在下面的示例中，我们通过将图像转换为 WebP 节省了 96% 的文件大小。

WebP 图像如何在 WordPress 上工作

从 WordPress 5.8 开始，您可以像 JPEG、PNG 或 GIF 格式一样在 Web 项目中使用 WebP 图像。WebP 格式在 WordPress 上开箱即用；您不需要调整特殊选项即可正确渲染它们。 

如何在 WordPress 中上传 WebP 图片

要在 WordPress 中上传 WebP 图像，只需转到WordPress 仪表板>媒体>新增并上传新的 WebP 图像。您还可以将它们直接拖放到库中。

如何检查 WebP 是否在我的 WordPress 网站上运行

要检查前端是否启用了 WebP，您可以将 WebP 图像添加到页面并使用 Chrome 开发人员工具检查元素。

检查 WebP 是否在您的网站上运行的另一种方法是将图像保存在您的计算机上。您所要做的就是右键单击，然后选择“将图像另存为”。您下载的图像应具有 WebP 扩展名。 

可以使用 WebP 吗？

是的，您完全可以（并且应该）在您的下一个 WordPress 开发项目中使用 WebP。以这种下一代格式提供图像将提高性能并避免包含不必要的大图像的沉重页面。 

哪些 Web 浏览器支持 WebP 图像？

所有主要的网络浏览器，例如 Chrome、Edge、Safari、Firefox 和 Opera，现在都支持 WebP 图像，并将它们正确呈现在用户的屏幕上，在移动设备上也类似，只是旧版本的 Safari 和 Android 浏览器不支持 WebP。

如何在 WordPress 中启用 WebP 

WordPress 会自动启用 WebP 格式，但不会将您的图像转换为 WebP。如果您上传 JPG 格式的图像，WordPress 不会将其转换为 WebP。值得庆幸的是，在下一节中，我们为您提供了一系列有用的工具和插件，可帮助您轻松将文件转换为 WebP。 

现在您已经了解了更多关于 WebP 格式的重要性以及它如何在 WordPress 上工作的信息，让我们看看如何使用文件并将其转换为这种下一代格式，以便它们可以在 WordPress 中使用。 

如何在 WordPress 中使用 WebP 图像

WordPress 不会将您的 JPEG 或 PNG 文件转换为 WebP，但会将它们显示在前端并将其提供给用户。因此，您可以按照以下选项之一将文件转换为 WebP： 

#1 使用设计软件——DIY的方式——使用 Lightroom、Photoshop 或 Photopea 等软件手动转换图像，然后将自己的 WebP 图像上传到 WordPress 库。 

#2 使用在线平台——在线方式——使用在线工具将文件转换为WebP（但大多数时候，您必须将它们一张一张地上传到平台）。例如，您有以下在线工具可以帮助您：

• Cloudconvert – 将任何类型的图像文件在线转换为 WebP。 
• Ezgif.com – 另一个免费且快速的在线 WebP 到 JPG 转换器工具。

#3 使用 WebP 转换器 WordPress 插件–最简单的方法– 可以直接从 WordPress 将所有现有图像“批量”转换为 WebP。如Smush Pro。