在 WordPress 中使用 WebP 图像的2种方法

使用 WebP 图像格式可以显著提高网站的加载速度和性能，尤其是对于包含大量图片的站点。WebP 图像格式由 Google 开发，具有更高的压缩率和更好的图像质量，是目前提升网站性能的流行选择。在这篇文章中，我们将详细介绍在 WordPress 中使用 WebP 图像的两种方法：通过 EWWW Image Optimizer、Imagify。

方法 1：借助 EWWW 优化器在 WordPress 中使用 WebP 图像

EWWW Image Optimizer 是一个功能强大的 WordPress 图像压缩插件，支持 WebP 图像格式，并能在支持的浏览器上自动显示它们。以下是使用 EWWW Image Optimizer 将图像转换为 WebP 格式的详细步骤：

步骤 1：安装并激活 EWWW Image Optimizer 插件

1. 登录到 WordPress 管理后台。
2. 导航到插件 > 添加新插件。
3. 在搜索栏中输入“EWWW Image Optimizer”，找到插件后点击“安装”。

4. 安装完成后，点击“激活”。

步骤 2：配置 EWWW Image Optimizer 插件选项

1. 激活插件后，转到设置 > EWWW 图像优化器页面。
2. 插件会显示一个安装向导，但你可以点击“我知道我在做什么”链接退出向导。

3. 向下滚动并选中“WebP 转换”选项旁边的复选框。
4. 点击“保存更改”按钮以存储设置。

步骤 3：插入重写规则

1. 向下滚动到 WebP 转换部分。

2. 插件将使用红色预览图像向你显示一些重写规则。

3. 点击“插入重写规则”按钮，插件将自动尝试将这些重写规则插入到你的 .htaccess 文件中。
4. 如果插件成功添加这些规则，红色图像预览将变为绿色并显示“WebP”文本。

步骤 4：手动插入重写规则（如果需要）

1. 如果插件无法插入规则，从插件的设置页面复制重写规则。
2. 打开 .htaccess 文件，将复制的规则粘贴到文件底部。
3. 返回插件的设置页面并再次点击“保存更改”按钮。

步骤 5：将旧图片批量转换为 WebP 版本

1. 转到媒体 > 库页面，并切换到列表视图。
2. 点击“屏幕选项”按钮，并将“每页项目数”更改为 999。

3. 点击顶部的“全选”复选框以选择所有图像。
4. 在“批量操作”下拉菜单中选择“批量优化”选项，并点击“应用”按钮。
5. 在下一个屏幕上，选择跳过图像压缩并仅将其转换为 WebP 的选项。

6. 点击“扫描未优化图像”按钮，然后点击“优化”按钮继续。

步骤 6：测试 WebP 图像传送

1. 打开包含多张图片的博客文章。
2. 将鼠标移到任意图像上并右键单击，在新选项卡中打开该图像。
3. 确认地址栏中显示图像的扩展名为 .webp。

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

Imagify 支持将图像转换为 WebP 格式。以下是使用 Imagify 将图像转换为 WebP 格式的详细步骤：

步骤 1：安装并激活 Imagify 插件

在添加新插件搜索栏中输入“Imagify”，找到插件后点击“安装”并激活。

步骤 2：配置 Imagify 插件选项

1. 激活插件后，转到设置 > Imagify 页面。
2. 点击“创建免费 API 密钥”按钮。

3. 输入你的电子邮件地址，检查收件箱中是否有包含 API 密钥的电子邮件。

4. 将 API 密钥复制并粘贴到插件的设置页面中，然后点击“保存更改”按钮。

步骤 3：启用 WebP 转换选项

1. 向下滚动到优化部分，选中“创建图片的 Webp 版本”和“在网站上以 Webp 格式显示图片”选项。

2. 选择合适的交付方式（.htaccess 方法或标签方法）。
3. 点击“保存并转到批量优化器”按钮。

步骤 4：批量优化图像

1. 导航到媒体 > 批量优化页面。
2. 插件将在后台自动开始优化你的所有 WordPress 图像。
3. 等待优化完成。

步骤 5：测试 WebP 图像传送

1. 打开包含一些图片的页面或帖子。
2. 将鼠标移到图片上并右键单击，以选择“在新选项卡中打开图片”。
3. 确认地址栏中显示图像的扩展名为 .webp。

以上两种方法都能有效地在 WordPress 中使用 WebP 图像，提升网站性能。根据你的具体需求和使用的插件，选择最适合的方法，确保图像加载更快，为用户提供更好的浏览体验。