WordPress中运用WebP图片的三种高效方法

WebP是一种创新的图像文件格式,专为网络设计。采用WebP格式,图像文件大小能减少25-34%,相较于传统的PNG和JPEG格式,这在不牺牲图像质量的前提下实现了显著的优化。WebP图像不仅有助于加速WordPress网站的加载速度,还能与WordPress的缓存插件、CDN等高效工具协同工作,进一步提升网站性能。

值得欣喜的是,从WordPress 5.8版本开始,系统已经默认支持WebP图片,这意味着用户可以直接保存和上传WebP图片到WordPress网站,无需额外安装插件。然而,为了更好地利用WebP格式带来的优势,许多用户还是会选择使用专门的WebP图片插件来增强和优化其WordPress网站的图片处理功能。

图片[1]-WordPress中运用WebP图片的三种高效方法-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

一、EWWW Image Optimizer

EWWW Image Optimizer插件是WordPress中非常出色的图像压缩工具之一,它可以轻松帮助你优化网站上的图片。这款插件不仅支持WebP图像格式,还能在支持WebP的浏览器中自动显示这些图像,让你的网站加载更快,用户体验更佳。

要使用EWWW Image Optimizer插件,你需要安装并启用它。安装完成后,转到“设置”菜单下的“EWWW Image Optimizer”页面,你可以在这里配置插件的各种选项。如果你不熟悉配置过程,可以根据安装向导逐步操作。当然,如果你已经了解如何操作,可以点击“我知道我在做什么”链接跳过向导,直接进入配置界面。这样,你就能轻松利用EWWW Image Optimizer插件来优化你的WordPress图像了。

图片[2]-WordPress中运用WebP图片的三种高效方法-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

在下一个界面上,可以看到一些插件选项。向下滚动并选中“WebP Conversion”选项旁边的框。

图片[3]-WordPress中运用WebP图片的三种高效方法-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

接下来,点击“保存更改”按钮来保存你的设置。然后,继续向下滚动到“WebP转换”部分。在这里,插件会为你展示一些带有红色预览图片的重写规则。你只需点击“插入重写规则”按钮,插件就会自动尝试将这些规则添加到你的.htaccess文件中。这样,你的网站就能更好地利用WebP图像格式,进一步提升加载速度和用户体验了。

图片[4]-WordPress中运用WebP图片的三种高效方法-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如果插件成功添加了这些规则,则红色图像预览将变为带有“WebP”文本的绿色。

图片[5]-WordPress中运用WebP图片的三种高效方法-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

有时候,插件可能无法自动插入重写规则。这时,你需要从插件的设置页面复制这些规则,然后手动将它们粘贴到.htaccess文件的末尾。粘贴完成后,返回插件的设置页面,再次点击“保存更改”按钮。如果预览图片变成了绿色,那就说明你已经成功在WordPress网站上启用了WebP图像传递功能。

除了使用.htaccess方法,你还可以选择JS WebP Rewriting或<picture>这两种WebP重写方法。虽然它们可能稍微慢一些,但同样可以完成WebP图像的传递工作。你可以根据自己的需求和喜好选择合适的方法。

二、Imagify

Imagify是另一款备受推崇的WordPress图片优化插件,由知名WordPress缓存优化插件WP Rocket的开发团队精心打造。这款插件能自动帮你压缩和调整上传到WordPress网站的图片大小,让你的网站加载更快。更厉害的是,它还能将图片转换为WebP格式,让那些支持WebP的浏览器用户能够享受到更高效的图片加载体验。要使用Imagify插件为你的WordPress网站添加WebP图片支持,你只需从WordPress.org安装插件并添加API密钥进行激活即可,非常简单方便。

启用插件后,进行插件设置界面选择“General Settings”进行WebP优化设置。

图片[6]-WordPress中运用WebP图片的三种高效方法-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

要启用WebP图片,向下滚动到“Optimization ”部分,然后找到“WebP Format”部分:

  • 勾选“Create webp versions of images”
  • 勾选“Display images in webp format…”

三、ShortPixel

ShortPixel是一个非常受欢迎的WordPress图片优化插件。它不仅可以自动调整并压缩你上传到WordPress网站的图片大小,还能将这些图片转换为WebP格式,让支持WebP的浏览器用户享受更流畅的图片加载体验。ShortPixel还提供了一个免费的基础版计划,每月可免费优化约100张图片。如果你需要优化更多的图片,还可以选择付费套餐,起价为每月4.99美元(可优化5,000张图片),或者选择一次性支付9.99美元来优化10,000张图片。ShortPixel是一个既实用又经济的图片优化工具,非常适合WordPress网站使用。

ShortPixel图片优化额度可以在任何网站上使用,没有站点数量的限制,而且所有的网站都可以共享同一个ShortPixel账户。如果你想在WordPress网站上使用ShortPixel,只需要从WordPress.org安装插件,并添加API密钥(注册一个免费的ShortPixel账户就可以获得)。这样,你就能轻松享受ShortPixel带来的图片优化服务了。

在“ General ”选项卡中,可以设置图片优化工作方式的基本设置。例如,使用哪种压缩级别以及是否调整图片大小:

图片[7]-WordPress中运用WebP图片的三种高效方法-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

要启用WebP图片,请转到“Advanced ”选项卡,然后:

  • 勾选“WebP Images”框
  • 勾选“Deliver the WebP versions.. ”框。(选中第一个框后出现)
  • 选中“Using the <PICTURE> tag syntax”单选按钮(在选中上一个框后显示)
  • 保留默认的“Only via WordPress hooks selection”。

总结

WebP格式由于其卓越的压缩能力和向后兼容的特性,已成为提升WordPress网站性能的强有力工具。从WordPress 5.8版本起,WebP已得到原生支持,用户可以无需额外插件即可上传WebP格式图片,极大简化了操作流程。此外,通过如EWWW Image Optimizer、Imagify和ShortPixel等优化插件,用户不仅可以自动转换图片至WebP格式,还可以利用插件提供的多种功能进一步提升网站的加载速度和整体表现。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容