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

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

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

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

一、EWWW Image Optimizer

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

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

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

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

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

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

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

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

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

有时候,插件可能无法自动插入重写规则。这时,你需要从插件的设置页面复制这些规则,然后手动将它们粘贴到.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优化设置。

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

要启用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 ”选项卡中,可以设置图片优化工作方式的基本设置。例如,使用哪种压缩级别以及是否调整图片大小:

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

要启用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格式,还可以利用插件提供的多种功能进一步提升网站的加载速度和整体表现。


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
发布者:光子波动,转转请注明出处:https://www.361sale.com/7861/

(0)
上一篇 2024年 4月 15日 下午2:04
下一篇 2024年 4月 15日 下午3:50

相关推荐

  • 推荐:热门WordPress分类管理插件

    在WordPress网站建设中,分类是帮助管理和组织内容的重要工具。通过有效使用分类,你的网站访客可以轻松地找到他们感兴趣的信息。WordPress分类插件能够让你更好地控制和改进这些分类,使你的网站更加灵活、更容易浏览,从而帮助访客快速找到他们所需的内容。接下来,我们会向你介绍几款好用的WordPress分类插件,以便你根据自己的需求进行选择。 1、Cat…

    2024年 3月 26日 WordPress插件
    0059
  • Elementor Pro3.21.0版本的简介和安装步骤

    Elementor Pro是一款全能的WordPress页面构建器。今天给大家讲解的是汉化版的,已经升级为Pro版本了,功能全部可以用!如果你是一位网站开发者,你一定会知道网站的设计是非常重要的一环。而要做好网站设计,就需要一个好用而又强大的工具。Elementor Pro 就是一个可以让你在设计网站时,发挥无限创意的工具。 官方网址:h…

    4天前 Elementor
    0012
  • WordPress 安全提示:添加 Google 身份验证器两步验证

    仅仅依靠密码来保护你的网站,已经很难挡住黑客和那些没有授权的用户了。但好消息是,如果你使用 Google Authenticator 的两步验证功能,就能给你的网站加上一层额外的防护罩,让你的网站更安全。 什么是 Google Authenticator 应用程序,为什么你的 WordPress 网站需要它? Google Authenticator 应用程…

    6天前 WordPress插件
    0029
  • 如何从 WordPress 中的静态资源中删除查询字符串

    什么是查询字符串? 查询字符串是指 URL 中问号后面的一组字符。这些字符串充当URL 参数,帮助排序和指定网站上的内容。  包含查询字符串的链接示例如下: 在这个例子中: 为什么要删除查询字符串? 对于不经常更改的静态资源,比如 CSS、JavaScript 或图像,使用查询字符串可能就不是那么有用了。实际上,查询字符串可能会妨碍这些资源在用户的…

    2024年 4月 17日 WordPress插件
    009
  • 掌握 Elementor 编辑器:从工具栏到画布的全面使用指南

    为了方便大家使用,Elementor编辑器的顶部工具栏提供了很多功能。你只需在顶部工具栏上点击,就能轻松访问这些功能,让你的编辑工作更加便捷高效。 编辑器控件 下面的表格列出了工具栏上每个编辑器控件的说明。它们从左到右出现在工具栏上: 名称 描述 元素标志 Elementor 徽标可让你快速访问:主题生成器– 在这里可以访问不同的网站部分。历史菜…

    2024年 4月 20日 Elementor
    0014

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

工作时间:周一至周五,9:30-18:30,节假日休息

客服微信