2 façons simples d'utiliser des images WebP dans WordPress pour améliorer la vitesse et la performance du site

WebP 是一种现代图像格式，可以在保持较高图像质量的同时减少文件大小，提升网站性能。要在 Site web WordPress中有效地使用 WebP，可能仍需要额外的工具或插件。

本文将为你详细介绍 两种方法，帮助你在 WordPress 网站上使用 WebP 图像，从而在不降低图像质量的情况下优化网站性能。

什么是 WebP？

WebP 是 Google 开发的一种现代图像格式，与传统的 JPEG 和 PNG 格式相比，WebP 图像文件的大小减少了 25%-34%，但质量几乎没有明显下降。由于其卓越的压缩性能，WebP 被广泛认为是提升网站速度的理想工具。

WebP, PNG et JPEG : Choisir le meilleur format d'image pour votre site WordPress

22 juillet 11:36

02710

尽管大多数现代浏览器（如 Google Chrome、Firefox 和 Microsoft Edge）支持 WebP，但部分旧浏览器并不支持。因此，为了确保兼容性，可能需要设置后备解决方案。

为什么在 WordPress 中使用 WebP？

使用 WebP 图像有以下几个好处：

1. 提升网站性能： 更小的文件意味着更快的页面加载速度，提高用户体验和 SEO 排名。
2. 减少带宽使用： 压缩后的文件节省了服务器资源，特别适合流量较大的网站。
3. SEO 优势： 加速的网站通常在搜索引擎排名中表现更好。

如何在 WordPress 中使用 WebP 图像（2 种方法）

方法 1：使用 EWWW Image Optimizer 插件

EWWW Image Optimizer 是一款功能强大的 WordPress 图像优化插件。它支持 WebP 格式，并可以自动为支持的浏览器显示 WebP 图像。

第一步：安装并激活插件

1. Connectez-vous au backend de WordPress.
2. entrer dans Plugins > Installer des plugins.
3. 搜索“EWWW Image Optimizer”。

4. frappe (sur le clavier) montage，并激活插件。

第二步：配置 WebP 转换设置

1. entrer dans 设置 > EWWW Image Optimizer Page.

2. 向下滚动找到“WebP 转换”选项，勾选此选项。

3. frappe (sur le clavier) Enregistrer les modifications 按钮以存储设置。

第三步：插入重写规则

1. Dans "WebP 转换”部分，点击 插入重写规则 按钮，插件会尝试将规则写入 .htaccess Documentation.

2. 如果规则成功插入，预览图像会变为绿色，并显示“WebP”字样。
3. 如果失败，需要手动复制规则，并将其粘贴到 .htaccess 文件的底部。

第四步：批量转换旧图片

1. commutateur à 媒体 > 库，切换到列表视图。
2. 点击页面顶部的 全选 复选框，选择所有图像。
3. 选择“批量优化”选项并点击 appareil.

4. 插件会自动优化图像并生成 WebP 版本。

方法 2：使用 Imagify 插件

Imaginez 是由 WP Rocket 团队开发的图像优化插件。它可以轻松地将图像转换为 WebP 格式，并提供不同的传送方法以确保兼容性。

第一步：安装并激活插件

1. Connectez-vous au backend de WordPress.
2. entrer dans Plugins > Installer des plugins.
3. 搜索“Imagify”。
4. frappe (sur le clavier) montage，并激活插件。

第二步：配置插件设置

1. commutateur à 设置 > Imagify Page.
2. frappe (sur le clavier) 创建免费 API 密钥，输入你的电子邮件地址。

3. 检查你的邮箱，复制并粘贴API 密钥到插件设置页面。
4. 向下滚动，勾选“创建图片的 WebP 版本"et"以 WebP 格式显示图片"Options.

第三步：选择交付方式

1. option .htaccess 方法（更快）或 标签方法（适用于使用 CDN 的网站）。
2. 保存更改并启动批量优化。

第四步：批量优化图像

1. commutateur à 媒体 > 批量优化 Page.
2. 插件将自动优化所有现有图像并生成 WebP 版本。

如何验证你的网站是否正在使用 WebP 图像

1. 打开包含多张图片的页面或帖子。
2. 右键单击任意图像，选择“在新选项卡中打开图片”。
3. 在新标签页中，查看地址栏中的图像扩展名。如果显示 .webp，则表示你的网站已成功使用 WebP 图像。

￥9.99Tutoriel Nanny super détaillé : Apprenez à convertir des images WebP dans WordPress et accélérez votre site web.

9 octobre 15:11

018W+6W+

Résumé :

在 WordPress 中使用 WebP，可以通过插件如 EWWW Image Optimizer 和 Imagify 来实现，这些工具不仅支持 WebP 转换，还能自动为支持的浏览器提供 WebP 图像，同时提供后备选项以确保兼容性。