现在很多WordPress图片优化插件,都提供生成WebP图片格式的功能,不过很多插件本身并不能直接转换,需要根据不同的环境配置重写规则。本文我们来分享下,如何使用EWWW Image Optimizer图片优化插件,将你网站的图片转换为效率更高容量更小的WebP格式。

转成WebP格式的好处
WebP想必各位站长应该都知道,作为一个已经面世十几年的图片格式,其优点毋庸置疑,现在的主流浏览器,基本都支援WebP格式。WebP图片素质跟常见的jgp格式差不多,但是容量小很多,有些图片压缩率能达到一半以上,不仅节省服务器空间,更关键的是网页访问速度也加快了。
EWWW Image Optimizer产生WebP图片的原理
EWWW图片优化插件WebP功能需要手动打开,它的原理是在保留原版图片的基础上,再生成一张WebP格式的图片,比如你的图片是123.jpg,那么在功能开启后,会多产生一张名为123.jpg.webp的副本,浏览器若支援,网页就会显示123.jpg.webp,不支援则显示123.jpg,可以说,任何端口用户都不会流失。

EWWW Image Optimizer生成WebP的服务器端规则
开头说了,生成WebP图片格式需要配置服务器环境规则,本文以常见的Nginx环境,来说说怎么配置规则支援生成WebP图片。如果你用的自编译环境比如lnmp一键安装包,找到你的网站conf配置档文件,在里面的插入以下代码,注意代码需要放到include内容前面。
# BEGIN EWWW Image Optimizer WebP Delivery by wp-plugins.cn
location ~* ^/wp-content/uploads/.+\.(jpe?g|png)$ {
# 启用缓存控制
add_header Vary Accept;
add_header Cache-Control "public, immutable";
expires 365d;
# 先尝试加载对应的 .webp 文件
try_files $uri.webp $uri =404;
}
# END BEGIN EWWW Image Optimizer WebP Delivery by wp-plugins.cn
如果你用的宝塔这类的面板,那么打开到网站设置-配置文件,直接在里面添加修改就行。

我的PNG格式能直接成WebP格式吗?
我们看到,插件如果你没有开始付费的高级版,是不支援直接将png转成WebP的,但是可以换一个思路,开启插件的png转jpg功能,此时从png转成的jpg图片同样会产生一张同名的WebP图片。





