如何在WordPress中使用WebP图像(3种方法)

10/03/2023

什么是WebP?

WebP是一种较新的图像格式,可以在网页上使用。使用WebP格式,您的图像大小将比PNG和JPEG小25-34%,而不会失去质量。如果图像减慢了您的网站速度,将它们转换为WebP格式可以提高页面加载速度。您可以在我们的指南中了解有关图像压缩的更多信息。由于WebP是一种新的文件格式,目前并非所有浏览器都支持。然而,大多数现代浏览器如谷歌Chrome、Firefox和Microsoft Edge都支持WebP图像。

您是否应该在WordPress中使用WebP图像?

使用WebP图像可以帮助加快您的WordPress网站。这是一种推荐的最佳实践,可以与WordPress缓存插件、CDN等一起使用。自从WordPress 5.8开始,WordPress默认支持WebP图像。这意味着您可以将WebP图像保存并上传到您的WordPress网站,而无需使用插件。不过话虽如此,您可能仍然想在WordPress网站上使用图像压缩插件。如果您的许多用户使用不支持的浏览器,那么您应考虑使用图像压缩插件。图像压缩插件可以将现有图像转换为WebP格式,并在不支持WebP格式的浏览器上显示JPEG或PNG图像作为回退选项。如果您的站点使用大量图像,并且它们减慢了您的WordPress博客,那么您绝对应该考虑使用WebP图像。

如何在WordPress中使用WebP图像

我们将展示多种方法,因此您可以选择最适合您的方法:

方法1:使用EWWW Optimizer在WordPress中使用WebP图像

EWWW Image Optimizer是最好的WordPress图像压缩插件之一,它允许您优化WordPress图像。它还支持WebP图像,并可以在支持的浏览器上自动展示它们。首先,您需要安装并激活EWWW Image Optimizer插件。激活后,转到“设置 » EWWW Image Optimizer”页面配置插件选项。勾选“WebP转换”选项并保存设置。然后在WebP转换部分,单击“插入重写规则”按钮,将这些规则插入到您的.htaccess文件中。成功后,您会看到预览图像变为绿色。

如果插件无法自动插入规则,您需要手动将它们粘贴到.htaccess文件底部。配置完成后,返回插件设置页面并再次单击“保存更改”按钮。如果预览图像变绿,则表示您已成功在WordPress网站上启用WebP图像。EWWW Image Optimizer还允许您将以前上传的图像文件轻松地转换为WebP图像。

方法2:使用Imagify在WordPress中使用WebP图像

Imagify是由WP Rocket开发的WordPress图像优化插件,它允许您轻松优化和转换图像为WebP格式。安装并激活Imagify插件后,转到“设置 » Imagify”页面配置插件设置。创建一个免费的API密钥,然后在设置页面中输入该密钥并保存更改。勾选“创建WebP版本的图像”和“在网站上显示WebP格式的图像”选项。选择使用.htaccess方法或标签方法来显示WebP图像,选择适合您的方法后保存设置,并进行批量优化。

方法3:使用SG Optimizer在WordPress中使用WebP图像

此方法推荐给SiteGround用户。SiteGround是顶级的WordPress主机公司之一,为用户提供免费的SG Optimizer插件来优化WordPress性能,其中包括优化WordPress图像的选项。安装并激活SG Optimizer插件后,转到“SG Optimizer”设置页面,开启“生成新图像的WebP副本”选项,并开启“批量生成WebP文件”选项以生成所有图像的WebP副本。完成后,您的WordPress网站将开始提供WebP图像。

在SG Optimizer中测试WebP图像

要查看您的网站是否提供WebP图像,打开一个包含多个图像的页面,右键单击选择“检查”工具,在开发者控制台中切换到“网络”标签,单击“img”标签并重新加载页面,即可看到所有加载的图像并确认它们是否为WebP格式。

在WordPress中使用图像的专家指南

现在您知道如何在WordPress中使用WebP图像,您可能还想查看我们的一些其他关于在您的WordPress网站上使用图像的指南:

  • 如何正确地在WordPress中添加图像(逐步指南)
  • 如何在WordPress中添加特色图像或文章缩略图
  • WebP vs. PNG vs. JPEG:WordPress最佳图像格式
  • 如何在不降低质量的情况下优化网络性能的图像
  • 最佳WordPress图像压缩插件对比
  • 创建博客文章更好的图像工具
  • 管理图像的出色WordPress插件(更新版)
  • WordPress中的图像alt文本与图像标题—有什么区别?
  • WordPress在您的站点上存储图像的地方
  • 如何在WordPress中轻松地延迟加载图像

我们希望这篇文章能帮助您了解如何在WordPress中使用WebP图像。您可能还想看看我们的指南,了解如何创建电子邮件通讯和我们专家挑选的最佳网站业务电话服务。

如果您喜欢这篇文章,请订阅我们的YouTube频道获取WordPress视频教程。您还可以在Twitter和Facebook上找到我们。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>