Divi WordPress Theme

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

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

让我们开始吧。

https://www.youtube.com/watch?v=1_q09vCTQwc

订阅我们的YouTube频道

使用Optimole在WordPress上服务WebP

WordPress默认不支持将WebP作为图像格式使用。 您可以上传.webp图像,但与SVG文件非常相似,您会发现自己收到错误消息。 再说一次,就像将SVG文件与WordPress一起使用一样,通过插件有一个简单的解决方法,可以使WP网站正确缩放。

在WordPress中使用WebP图像

在我们尝试过的WebP服务中,我们最喜欢的是Optimole。 祝您好运,并能以最少的调整使其正常运行,因此,我们将引导您逐步进行设置,并尽可能轻松地使WordPress安装WebP兼容。

首先,显然,您将要下载并安装插件本身。 它在WP.org存储库中,并且完全免费。 和为其提供动力的基于API的服务一样(最高)。 尽管可以使用PHP即时将传统图像转换为WebP,但并非每个Web主机都向您的服务器授予该权限。 如果您确实拥有该权限,也可以查看 WebP Express 插入。 您可以获得很多控制权,但这是需要更多调整才能正常工作的控制权。

在WordPress网站上安装并激活Optimole之后,您将在以下位置找到新的菜单选项 媒体– Optimole

您的Optimole API密钥

在WordPress中使用WebP图像

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

在WordPress中使用WebP图像

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

一旦您用尽了所衡量的访问量,就只会停止提供WebP图像。 您的图像本身没有。 您将在顶部的Optimole仪表板中找到API密钥。

在WordPress中使用WebP图像

只需将其粘贴回WordPress仪表板上,即可开始使用WordPress提供WebP图像。

在WordPress中使用WebP图像

您的Optimole WordPress仪表板

在WordPress仪表板中,您可以获得有关WebP优化的一些基本信息。 这使您可以进行故障排除并评估加速的实际效果。 这样,您可以进入并调整各种设置。

在WordPress中使用WebP图像

首先,您将看到该API附带的帐户,并且在屏幕底部,该插件将显示最近优化的图像。 您可以看到从上传到WordPress的原始WebP图像中缩小了多少WebP图像。

然后有 可能的 问题 标签在最顶部。 没有人喜欢看到突出显示的选项卡,但我们每个人也都需要看到可能会发生什么冲突。

在WordPress中使用WebP图像

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

使用仪表板

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

在WordPress中使用WebP图像

您可以看到实际提供的文件大小,而不是仅小9.5倍。 以及哪些文件会在30天之内提交。

在WordPress中使用WebP图像

您还可以在Optimole(或WP)仪表板中设置水印,以便当从您的WordPress站点向WebP提供某人服务时,他们将自动使用您的徽标。 这是一个简单的过程,您可以控制不透明度,位置等。

在WordPress中使用WebP图像

您基本上可以从两个仪表板执行相同的操作。 要么在 设定值 标签,或访问Optimole上的外部破折号。 这完全取决于您最满意的内容,以及在任何给定时间需要的数据级别。

此外,您将能够基于文件名控制压缩级别,延迟加载以及何时/是否将某些图像用作WebP。 您会在“ 设定值 的标签 媒体– Optimole

在WordPress中使用WebP图像

包起来

将WebP与WordPress网站一起使用的最好之处在于,您不必手动处理文件。 没有额外的上传,没有额外的压缩时间,什么都没有。 由于API的工作方式,所有计算和过程都实时实时运行。 Google确实通过使用WebP而不是JPG或PNG来提高了互联网的运行速度。 但是,最大的好处是,即使图像的大小显着减小,它们也可以保持相同的质量。 Google可能会出于自我服务的目的,让您使用其格式来加速您的网站,以便他们可以为您排名更高,最终用户的体验也更好。 最终这才是重要的。

您对向网站访问者提供WebP图像感觉如何?

vladwel / shutterstock.com的文章特色图片


【免费外贸推广营销视频培训教程】
https://school.yooopaaa.com

WordPress著名Avada主题官方优惠
https://1.envato.market/xxPav

WordPress可视化建站Elementor插件
https://elementor.com/?ref=19904

WordPress外贸独立站DIVI主题官方优惠
https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=59787

亚马逊选品工具Jungle Scout官方优惠
https://junglescout.grsm.io/jieqiu1568

独立站SEO优化工具Semrush免费7天试用
https://shareasale.com/r.cfm?b=1577772&u=2541755&m=97231&urllink=&afftrack=