如何在WordPress中使用WebP图片

您想在WordPress中使用WebP图像吗？

WebP图像是一种现代图像格式，它通过减小文件大小来提供更好的图像压缩。这使您的网站加载更快，并节省带宽.

在本文中，我们将向您展示如何在WordPress中轻松使用WebP图像。

在下一个屏幕上，您将看到一堆插件选项.

向下滚动并选中“WebP转换”选项旁边的框.

之后，点击“保存更改”按钮以存储您的设置.

接下来，您需要向下滚动到WebP转换部分.该插件现在将用红色预览图像向您显示一些重写规则.

你需要点击‘插入重写规则’按钮，插件会自动尝试将这些重写规则插入到你的.htAccess文件中。

如果插件成功添加了这些规则，则红色图像预览将变为绿色，并显示‘WebP’文本.

有时，插件可能无法插入规则.在这种情况下，您需要从插件的设置页面复制重写规则，并手动将它们粘贴到.htAccess文件的底部。

完成后，返回到插件的设置页面，然后再次点击“保存更改”按钮.如果预览图像变为绿色，则表示您已成功启用WordPress网站上的WebP图像传递。

或者，您可以选择JS WebP重写或WebP重写方法作为WebP交付选项.这些方法比.htAccess方法稍微慢一些，但它们可以完成工作。

将旧图像批量转换为WebP版本

WEWW图像优化器允许您轻松地将之前上传的图像文件转换为WebP图像.只需转到媒体？图书馆页并切换到列表视图.

接下来，您需要点击“屏幕选项”按钮，并将“每页的项目数”更改为999。如果你有1000多张图片，那么这些图片将出现在下一页。

这样，您将能够快速选择大量的镜像进行批量优化.接下来，单击顶部的全选复选框以选择所有图像.

之后，点击“批量操作”下拉菜单并选择“批量优化”选项.最后，点击“应用”按钮.

在下一个屏幕上，该插件将让你选择跳过图像压缩，只将它们转换为WebP。如果您的图像已优化，则可以选中此选项.

之后，点击“扫描未优化的图像”按钮继续.然后插件会显示找到的图片数量，这样你就可以点击优化按钮继续.

现在将优化您的图像，并且WEB优化器将为您的图像生成WebP版本。

测试您的WebP图像交付

一旦你优化了你的图片，你就可以去一篇包含几张图片的博客文章.

将鼠标移到任何图像上，然后右击以在新选项卡中打开该图像.

这将在新的浏览器选项卡中打开图像.

您将能够看到它有一个.webp地址栏中的扩展名.

如果插件无法提供WebP图像，则可以返回到插件的设置页面.从这里，您可以将WebP交付选项更改为‘JS WebP重写’或‘WebP重写’方法.

系统会要求您输入一个商务电子邮件地址.之后，您可以在收件箱中查看包含您的接口密钥的电子邮件。将密钥复制并粘贴到插件的设置页面中，然后单击“保存更改”按钮.

接下来，您需要向下滚动到优化部分.你需要勾选“创建WebP版本的图像”和“在网站上以WebP格式显示图像”选项旁边的选项.

在这之后，你可以从两种传送方式中选择在WordPress中显示WebP图像。第一个是.htAccess方法，第二个是使用标记。

.htAccess方法更快，但如果您使用的是CDN服务，则该方法不起作用。标签方法也适用于cdn、但它可能会破坏一些wordpress主题。

您可以选择任何一个适合您的站点.之后，点击底部的‘保存&；and；转到批量优化器’按钮。

这将把你带到媒体»批量优化佩奇.

该插件将自动开始在后台优化您的所有WordPress图像。

如果您有很多图像，那么这可能需要一段时间.不要担心，您可以关闭页面并稍后返回，因为关闭页面不会停止图像优化过程.

在WordPress中测试WebP图像

优化完成后，您可以访问包含几张图片的页面或帖子.将鼠标移到某个图像上，然后右击以选择“在新选项卡中打开图像”。

这将在新的浏览器选项卡中打开图像.

你就能看到.webp地址栏中的扩展名.

从这里，如果你想使用站点环绕的内置缓存系统，你可以打开缓存设置。

之后，您可以切换到媒体优化选项卡，并打开“生成新图像的WebP副本”选项.

在其下方，您将看到“批量生成WebP文件”选项.

点击该选项的切换按钮将开始为您的WordPress媒体库中的所有图像文件生成WebP副本。

一旦完成，您的WordPress站点将开始提供WebP图像。

在SG优化器中测试WebP映像

要查看您的网站是否提供WebP图片，您需要在您的网站上打开一个包含一些图片的页面.

之后，右击并选择检查工具.这将打开开发人员控制台，您需要在其中切换到网络选项卡。

在这里，点击“img”选项卡，然后重新加载页面(在Windows上按Ctrl+R，在Mac上按命令+R)。当您的网站重新加载时，您将看到在开发人员控制台中加载的所有图像.

我们希望这篇文章能帮助你学习如何在WordPress中使用WebP图片。您可能还想看看我们关于如何创建电子邮件时事通讯的指南，以及我们的专家为您的网站挑选最好的商务电话服务.

更多wp网站技巧请关注我们.

标签：种方法如何在图片WebPWordPress