很多时候，我们会发现 WordPress 网站的打开速度很慢 ，原因往往是网页中的 图片太多 ，且每张图片的 文件大小都非常大 ，再加上服务器 带宽有限 ，这些因素共同导致了页面加载时间过长。
因此， 优化图片 成为了提升网站速度的关键方法之一。 通过减小图片的文件体积，不仅可以加快网页的加载速度，还能提升整体的用户体验和SEO表现 。 在这篇文章中，我将带你一步步了解如何在 WordPress 中实现 WebP 图片转换， 这是一种现代化的图片格式，能够在保持质量的同时大幅减小文件大小，帮助你有效提升网站性能。
![图片[1]-超详细保姆级教程：手把手教你在 WordPress 中实现 WebP 图片转换，加速网站性能](https://www.361sale.com/wp-content/uploads/2024/10/20241008202803372-image.png)
WebP是一种由Google开发的现代
图像格式
，是目前网页优化领域非常重要的一种格式，广泛应用于网页和移动应用中。
优点
：1. 更高的
压缩率
2. 支持
透明度
3. 更快的
网站加载速
度 4.
兼容性
逐渐提高
特点
：
不损害图片质量，但是图片体积更小。
前提条件
- 你可以访问 WordPress 的后台并安装插件。
- 网站已经开启了媒体库访问权限，确保可以上传和管理图片。
流程介绍
![图片[2]-超详细保姆级教程：手把手教你在 WordPress 中实现 WebP 图片转换，加速网站性能](https://www.361sale.com/wp-content/uploads/2024/10/20241009143759880-image-1024x365.png)
WordPress中实现Webp格式流程图
如何在 WordPress 中实现 WebP 图片转换
为了在 WordPress 中实现 WebP 图片转换，你可以选择使用插件自动转换图片格式，或者手动进行转换。以下是这两种方法的详细步骤：
方法一：手动转换为 WebP 格式
这种方式较为 简单 ，适合于需要 精细控制图片质量 ，或者只需要 转换少量图片 的情况。这种方法需要你对图片处理有一定的了解。
使用在线工具 或 图片编辑软件进行转换
使用在线工具 ：
- 打开 Squoosh ，这是一个由 Google 提供的免费在线工具，可以快速将 JPEG 或 PNG 格式的图片转换为 WebP。 如图1.1 所示。
- 上传图片 ：点击页面中的“ 上传图片 ”按钮，选择需要转换的图片。
- 调整压缩设置 ：在右侧的菜单中选择 “ Compress ”中的第一个。 选择 WebP 格式后，可以根据需要调整质量、压缩率等参数。（如图1.2 、图1.3所示）
- 下载转换后的图片 ：调整完成后，点击“ 下载 ”按钮将 WebP 图片保存到你的电脑。
图1.1 Squoosh在线工具
图1.2 Squoosh选择界面
使用 Photoshop 或 GIMP 进行转换 （本教程使用GIMP 举例，以为GIMP 操作简单，并且免费。）
- Photoshop ：安装 WebP 插件后，你可以在 Photoshop 中通过“ 另存为 ”选项将图片保存为 WebP 格式。
- GIMP ：GIMP 是一款免费开源的图像处理软件，支持直接将图片导出为 WebP 格式。打开图片后，选择“ 文件 > 导出为 ”，然后选择 WebP 格式。
GIMP具有 保存Webp 的内置功能 ，GIMP有点奇怪，如果你尝试保存图像，GIMP只允许你将其保存为XCF文件。如果你想将其保存为任何其他文件类型(如WebP、JPG或PNG)，则 需要将其导出 。
Sep1 : 上传你的图片到GIMP中。
Sep2 : 在上面的菜单栏中选择“ File ” ,再选择“ EXport As … ”
Sep3
: 更改名字变成”xxx.webp”, (比如你的文件名字为“
guangzi.png
” 更改为”
guangzi.webp
“) ,并点击“
Export
”。
Sep4 : 根据提示选择你要导出的形式。在 GIMP 将图片导出为 WebP 格式之前，您会看到一个弹出窗口，询问您希望将多少质量保留到新图片中。如果您不想损失任何质量，请勾选“ 无损(Lossless) ”框；如果您不担心这一点，请调整滑块以满足您的需求。
点击 “ Export “
![图片[8]-超详细保姆级教程：手把手教你在 WordPress 中实现 WebP 图片转换，加速网站性能](https://www.361sale.com/wp-content/uploads/2024/10/20241008195341381-image.png)
上传并替换图片
-
上传 WebP 图片
- 登录 WordPress 后台，进入“ 媒体库 ”，点击“ 添加新媒体 ”按钮，上传刚刚转换好的 WebP 图片。
-
替换现有图片链接
- 编辑文章或页面，手动替换现有的图片链接为上传的 WebP 图片。你可以通过“ 插入媒体 ”功能选择新的 WebP 图片替换原始图片。
粤公网安备44010602012728号
无得貌似
11月29日 11:08
0
这么多SEO插件，我感觉这个图片不错，应该使用也不错吧
无得貌似
11月29日 11:07
0
他的外观优化，比elmentor的美观度，更适合我的美感
游艇试驾
11月29日 11:05
0
多语言还是很方便，但怕后期数据过多，会不会卡
游艇试驾
11月29日 11:04
0
刚好要来做自行车的电商，非常的炫酷，就是设置有点复杂，这开发者完全不考虑后期使用啊
大师非也
11月29日 11:02
0
找到了合适的，非常好用，实惠
特斯拉集团
11月29日 10:46
0
有解决方案吗
jingwei
11月28日 18:23
0
我也发现这个问题
法克地锅
11月28日 15:37
0
这个高级版，，更方便，付费才是终点