如何使用 WordPress 提供 WebP 图片而不是 JPG 或 PNG

已发表: 2019-11-20

谷歌位于互联网食物链的顶端。公司影响（或支配）很多在线发生的事情。他们的新图像格式 WebP 延续了这一趋势。随着页面加载速度变得越来越重要（主要是因为 Google Page Rank），开发人员和设计师将图像压缩视为减少加载时间的最简单方法。 Google 的 WebP 图像比典型的 JPG 或 PNG 图像小约 30%，并保持相同的质量。最重要的是，您不必担心手动将图像转换为 WebP。

在本文中，我们将向您展示如何在 WordPress 中使用这种新的图像格式，尽管默认情况下尚不支持它。

让我们开始吧。

订阅我们的 YouTube 频道

使用 Optimole 在 WordPress 上提供 WebP

WordPress 默认不支持 WebP 作为图像格式。您可以上传 .webp 图像，但与 SVG 文件非常相似，您会发现自己收到错误消息。再一次，就像在 WordPress 中使用 SVG 文件一样，通过插件可以轻松解决您的 WP 站点的缩放问题。

在 WordPress 中使用 WebP 图像

在我们尝试过的 WebP 服务中，我们最喜欢的是 Optimole。我们非常幸运地通过最少的调整使其工作，因此我们想向您介绍如何设置它并使您的 WordPress 安装 WebP 尽可能轻松地兼容。

首先，很明显，您需要下载并安装插件本身。它位于 WP.org 存储库中，并且完全免费。支持它的基于 API 的服务也是如此（在一定程度上）。虽然可以使用 PHP 将传统图像即时转换为 WebP，但并非每个虚拟主机都向您的服务器授予该权限。如果您确实拥有该权限，还可以查看WebP Express插件。您可以通过它获得很多控制权，但需要进行更多调整才能顺利工作。

在 WordPress 网站上安装并激活 Optimole 后，您将在Media – Optimole 上找到一个新的菜单选项。

您的 Optimole API 密钥

在 WordPress 中使用 WebP 图像

在您可以访问任何设置或配置之前，您需要拥有一个 Optimole 帐户。如果您已经设置了一个，您可以单击I Already Have an API Key按钮。如果没有，请注册并通过电子邮件发送 API 密钥。 API 密钥的基本帐户是免费的，您可以在该层获得大约 5,000 次访问。如果您需要更多，可以使用定价层。

在 WordPress 中使用 WebP 图像

Optimole 将访问定义为“任何访问过您网站一次 [. . .] 每个用户只计算一次。 他们在您的网站上做什么、下载了多少图片或访问了多少页面都无关紧要； 这只是一个用户。 如果他们离开您的网站并在同一天返回，他们仍然只是一个用户。 ”

一旦用完测量的访问量，就停止提供 WebP 图像。您的图像本身没有。您将在最顶部的 Optimole 仪表板中找到 API 密钥。

在 WordPress 中使用 WebP 图像

只需将其粘贴回您的 WordPress 仪表板，您就可以开始使用 WordPress 提供 WebP 图像了。

在 WordPress 中使用 WebP 图像

您的 Optimole WordPress 仪表板

在您的 WordPress 仪表板中，您可以获得有关 WebP 优化的一些基本信息。这让您可以排除故障并衡量加速实际的成功程度。这样你就可以进入并调整各种设置。

在 WordPress 中使用 WebP 图像

首先，您会看到附加到 API 的帐户，并且在屏幕底部，该插件会显示最近优化的图像。您可以看到所提供的 WebP 图像比您上传到 WordPress 的原始图像小了多少。

然后是最顶部的“可能的问题”选项卡。没有人喜欢看到突出显示的选项卡，但我们也都需要了解可能会出现哪些冲突。

在 WordPress 中使用 WebP 图像

我们面临的主要问题是其他图像压缩和交付插件。正如您在上图中所看到的，Jetpack 插件通过 Photon APIT 以类似于 Optimole 的方式工作，因此它们可以撞头。对我们来说，这表现为根本没有图像传递给访问者。我们在使用 TinyPNG 或 Smush 等其他压缩服务时没有遇到任何问题。

使用仪表板

如果您想了解有关您的网站如何使用 WebP 的更多详细信息，外部 Optimole 仪表板会为您提供该信息。

在 WordPress 中使用 WebP 图像

您可以查看已提供的实际文件大小，而不是简单地缩小 9.5 倍。以及在 30 天内哪些文件本身。

在 WordPress 中使用 WebP 图像

您还可以在 Optimole（或 WP）仪表板中设置水印，这样当有人从您的 WordPress 站点获得 WebP 时，他们会自动显示您的徽标。这是一个简单的过程，您可以控制不透明度、位置等。

在 WordPress 中使用 WebP 图像

您基本上可以从两个仪表板执行相同的操作。在 WordPress 的“设置”选项卡下，或通过访问 Optimole 的外部仪表板。这完全取决于您最喜欢什么，以及您在任何给定时间需要什么级别的数据。

此外，您将能够根据文件名控制压缩级别、延迟加载以及何时/是否将某些图像用作 WebP。您可以在Media – Optimole的Settings选项卡下找到所有这些。

在 WordPress 中使用 WebP 图像

包起来

将 WebP 与 WordPress 网站一起使用的最佳部分是您不必手动处理文件。没有额外的上传，没有额外的压缩时间，什么都没有。由于 API 的工作方式，所有计算和过程都是实时运行的。 Google 确实通过使用 WebP 而不是 JPG 或 PNG 使互联网运行得更快。不过，最大的好处是即使图像尺寸显着缩小，图像也能保持相同的质量。让您使用他们的格式来加速您的网站，以便他们可以为您排名更高，最终用户体验也更好，这对 Google 来说可能是自私的。这才是最重要的。

您如何看待为您的网站访问者提供 WebP 图像？

文章特色图片由 vladwel / shutterstock.com 提供