如何在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

  • 2025-02-16
  • WordPress 教学

你是否想过,能不能用更引人注目的方式取代WooCommerce中基本的促销徽章?答案是肯定的!通过自定义产品徽章,你可以在在线商店中突出新产品、折扣商品或限时优惠。在这篇文章中,我们将展示给你两个简单的方法,使用强大的插件或添加简单代码来为你的WooCommerce商店添加自定义产品徽章。

閱讀更多
  • 2025-01-18
  • WordPress 教学

我们都知道推荐计划是强大的武器。但要找到真正的品牌代言者并不容易。许多计划吸引的只是想快速赚钱的人,导致非真实的推广,无法有效转化客户。幸好,作为 WooCommerce 商店的店主,您有一个巨大的优势:一群真正喜爱和使用您产品的内置客户群。通过将这些现有客户转化为推广合伙人,您可以释放真实口碑营销的力量。

閱讀更多
  • 2025-01-10
  • WordPress 教学

最近,我们的一位比利时读者在其在线商店中苦于销售增长缓慢。除了其他建议外,我们建议他们在网站上设置Bancontact支付。Bancontact是一种主要在比利时使用的流行支付系统,客户可以通过银行账户进行安全的实时支付。

閱讀更多

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