越来越多的网页选择使用 Webp 格式的图片,在 WordPress 中 WP Smush Pro 插件久负盛名,它的新版本支持将 JPG 或 PNG 转换 WebP 图片且压缩,那么转换后的效果如何呢?笔者做了个测试,以供大家参考。
选用 Windows 11 默认壁纸图片进行测试
测试原图:
https://4kwallpapers.com/abstract/windows-11-dark-mode-blue-stock-official-5630.html
格式:JPG,原始尺寸:3840×2400,这张图是 Windows 11 的暗色壁纸(高清),未经任何压缩处理的体积为:1.31 MB。
因原图太大,本文中就不引用了,可点击上方链接自行下载高清原图。
使用 WP Smush Pro 插件压缩
测试环境:Nginx 1.25 + PHP 8.2.19 (Imagick 库) + WordPress 6.5.4 + WP Smush Pro v3.16.5 站长帮汉化版。
压缩前先对插件进行设置,详细设置方法可参照 Wp Smush Pro 插件压缩与转换 WebP 图片的教程。
笔者选择的压缩级别为:极限(仅 Pro 版支持)。
WP Smush Pro 插件转换 WebP 图片且压缩后的效果如下:

压缩转换后 WebP 格式文件的体积为:109 kB,但尺寸变成 2560×1600。(上图就是压缩转换后的,可点击看大图)
因网页一般情况下用不了超大尺寸的图片,从 WordPress 5.3 版开始,WordPress 会默认创建尺寸超过 2560×2560 像素的缩略图,并将您上传的原始图像作为备份。
使用 Adobe Photoshop 压缩与之对比
为了公平,在 Adobe Photoshop 中压缩转换成 WebP 格式时也仅输出 2560×1600 像素的尺寸。
Photoshop 转换 WebP 图片且压缩后的效果如下(质量 85% ):

Photoshop 压缩转换后 WebP 格式文件的体积为:113 KB(上图就是压缩转换后的,可点击看大图)。
结论
从 WP Smush Pro 的压缩率来看基本上与 Photoshop 持平,差异不大。但插件可以集成在 WordPress 中,用户可直接上传原图由插件自动完成压缩优化处理,在前端调用时自动展示 WebP 格式版本,这比手动转换处理方便了很多。
同时笔者再次强调一下,假设网页中使用的是未压缩的原图,如需在1秒内让用户加载完毕,带宽至少需要10M或以上,因此对网页中的图片进行压缩优化是相当必要的。
相关资料
- Adobe Photoshop 的 WebP 插件:Releases · webmproject/WebPShop · GitHub
- 最新 WP Smush Pro 汉化版插件:https://zy.zhanzhangb.cn/1041.html
- 测试所使用的 WP Smush Pro 配置(可在插件 Settings > 配置 > UPLOAD 上传导入):网盘下载 (baidu.com)
- 插件帮助文档:https://wpmudev.com/docs/wpmu-dev-plugins/smush/