Google在互联网上处于食物链的顶端。 社会会影响(或决定)在线发生的许多事情。 他们的新图像格式WebP延续了这一趋势。 随着页面加载速度变得越来越重要(主要是由于Google网页排名),开发人员和设计人员认为图像压缩是减少加载时间的最简单方法。 Google WebP图像比常规JPG或PNG图像小大约30%,并保持相同的质量。 最重要的是,您不必担心将图像手动转换为WebP。

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

使用Optimole在WordPress上提供WebP文件

WordPress默认不支持将WebP作为图像格式使用。 您可以上传.webp图像,但是与SVG文件一样,您可能会收到错误消息。 再说一次,至于 WordPress的SVG文件 ,通过插件有一个简单的解决方法。

Wordpress图片解决方法

在经过测试的WebP服务中, 擎天柱 从人群中脱颖而出。 实际上,它只需最少的配置即可运行。 因此,我们想向您解释如何配置它,并使您的WordPress安装与WebP格式尽可能容易地兼容。

首先,您显然会想要 下载并安装插件本身 。 它位于WP.org目录中,并且完全免费。 由于基于API的服务将其开启(最多)。 尽管可以使用PHP即时将传统图像转换为WebP,但并非所有Web主机都将此权限授予您的服务器。 如果您具有此权限,则还可以查看该插件 WebP Express您可以控制很多 ,但这是一个需要更多配置才能平稳运行的系统。

在您的电脑上安装并激活 Optimole 后 网站Web WordPress,你会发现一个新的菜单选项 媒体-Optimole .

您的Optimole API密钥

最佳配准

必须具有Optimole帐户,然后才能访问设置或配置。 如果已经配置了一个,则可以单击按钮 我已经有一个API密钥 。 如果不, 保存并通过电子邮件发送API密钥 。 基本的API密钥帐户是免费的,您在此级别上可获得5次点击。 如果您需要的还更多,则有可用的定价层。

定价价

Optimole将访问定义为“ 如果您一次访问过您的人[。 。 。]每个用户只计算一次。 他们在您的网站上做什么,下载多少图像或访问多少页面都没有关系。 它只是一个用户。 如果他们离开您的网站并在同一天回来,那么他们仍然只是用户。 =

一旦测量的访问量用尽,则只有WebP图像停止投放。 您的图像本身没有。 您将在顶部的Optimole仪表板中找到API密钥。

optimole wordpress api键

只要将其粘贴到您的WordPress仪表板中,您就可以开始使用WordPress传播WebP图像了。

将密钥粘贴到网站上

您的Optimole WordPress仪表板

在WordPress仪表板中,您可以获得有关WebP优化的基本信息。 这样,您就可以进行故障排除并评估这种加速是否成功。 这样,您可以更改各种设置。

Optimole仪表板

首先,您看到与API关联的帐户,然后在屏幕底部,该插件显示最新的优化图像。 您可以看到所提供的WebP图像比上传到WordPress的原始图像要小多少。

然后是选项卡 困难 可能 在上面。 没有人喜欢看到突出显示的选项卡,但是我们每个人都需要查看可能会发生什么冲突。

Optimole仪表板错误

我们面临的主要问题是其他图像压缩和交付插件。 如上图所示,Jetpack插件的工作方式与Optimole类似 通过Photon APIT ,这样他们就可以碰头了。 对于我们来说,这体现在没有图像被传输到 游客。 我们在使用 TinyPNG 或 Smush 等其他压缩服务时没有遇到任何问题。

使用仪表板

如果您想获得有关站点如何与WebP一起使用的更多详细信息,Optimole外部仪表板将为您提供此信息。

使用Optimole仪表板1

您可以看到实际提供的文件大小,而不是仅小9,5倍。 以及30天内的文件本身。

Optimole仪表板报告1

您还可以在 Optimole(或 WP)仪表板中设置水印,以便从您的 WordPress 站点接收 WebP 的任何人都将自动收到您的徽标 blazon。 这是一个简单的过程,您可以控制不透明度、位置等。

Optimole插件调整

您基本上可以在两个仪表板上执行相同的操作。 在标签下 参数 的 WordPress,或通过访问 Optimole 外部的仪表板。 这一切都取决于你最喜欢什么,以及水平 数据 您随时需要什么。

另外,您将能够控制压缩级别,延迟加载以及何时/是否基于文件名将某些图像作为WebP流式传输。 您会在标签中找到所有这些 参数 de 媒体-Optimole .

Lazyload Wordpress插件

将WebP与WordPress网站一起使用的最好之处在于,您不必手动处理文件。 没有额外的下载,没有额外的压缩时间,什么都没有。 由于API的工作方式,所有过程和计算都是实时进行的。 Google确实通过使用WebP而不是JPG或PNG加快了互联网的速度。 但是,主要优点是,即使图像的大小显着减小,它们仍可以保持相同的质量。 您可能会感兴趣,Google强迫您使用其格式来加快您的网站的速度,以便它可以使您获得更高的排名,并且最终用户的体验也更好。 最终这才是重要的。