WebP 是新一代的图片格式,在保证肉眼识别无差异的图像质量基础上,采用更优秀的压缩算法减少图片体积,从而加快图片网络传输速度。
WebP 同时提供了有损压缩与无损压缩(可逆压缩)的图片文件格式,派生自影像编码格式 VP8,被认为是 WebM 多媒体格式的姊妹项目,是由 Google 在购买 On2 Technologies 后发展出来,以 BSD 授权条款发布。Google 推荐使用 webP,听他的准没错!
对于一个成熟的网站来说,如果手动把 jpg/png 图片转换成 WebP 格式的话,会非常的麻烦,效率很低。好在 WordPress 有免费的 EWWW Image Optimizer 这么一个插件,可以支持批量转换已有图片至 WebP,也可以使以后上传新图片时自动转换为 WebP 格式,真是太方便啦!

安装很简单,直接在 WordPress 后台插件库里搜索 EWWW Image Optimizer 安装并启用就可以啦,下面重点介绍如何设置这款插件。
批量转换已有图片为 webP 格式
首先来到 WordPress 后台—-“ 媒体”—- “Bulk Optimize”。

解决 exec() 禁用问题
此时如果有以下提示,说明你的 PHP 设置不符合这个插件的要求。
EWWW Image Optimizer requires exec(). Your system administrator has disabled this function.

解决方法:
打开 php.ini,查找 “disable_functions”,把等号后面的 “exec” 删掉,然后重启 php。
警告解除后,点击 “Scan unoptimized images”,这时 EWWW Image Optimizer 会自动扫描并转换已有图片至 webP,有进度及日志显示,如果图片较多,请耐心等待。

自动转换完成后,会显示扫描了多少图片,转换成功多少,失败多少等信息。
设置上传图片时自动转换为 webP 格式
打开 WordPress 后台—-“ 插件”—- “EWWW Image Optimizer”—-“settings”—-“WebP”,选择”JPG/PNG to WebP”,然后”Save Changes”。

情况一:如果你使用 Cloudflare 来加速保护网站。
点击保存后,底下会出现提示:检测到你的网站使用了 Cloudflare,等等。

这时你需要把”JS WebP Rewriting” 选中打开,然后再次”Save Changes”。

保存成功后,页面右下角的红色 PNG 图片会变成成绿色 WebP 图片,说明设置成功。

情况二:如果你没有使用任何 CDN,并且使用的是 Nginx Web 服务器。
此时我们需要把 Nginx 的配置文件做一些修改。
1、打开 nginx 主配置文件”nginx.conf”,在 http 区域内添加以下内容并保存:
map $http_accept $webp_suffix {
default "";
"~*webp" ".webp";
}
2、打开网站配件文件”yoursite.conf”,在 server 段添加以下内容并保存:
location ~* ^.+\.(png|jpe?g)$ {
add_header Vary Accept;
expires max;
try_files $uri$webp_suffix $uri =404;
}
保存成功后,页面右下角的红色 PNG 图片会变成成绿色 WebP 图片,说明设置成功。

情况二:如果你没有使用任何 CDN,并且使用的是 Apache Web 服务器。
此种情况下,EWWW Image Optimizer 会自动生成一段规则代码,把它添加到网站的.htaccess 文件即可。

同样,保存成功后,页面右下角的红色 PNG 图片会变成成绿色 WebP 图片,说明设置成功。
总结:
本站火哥分享的图片已经全部采用 webP 格式,带来的好处立竿见影,图片体积减少了大约八成,加载速度更快,节约了服务器带宽和 CPU,对用户,对搜索引擎更加友好。
未经允许不得转载:火哥分享 » WordPress 插件 EWWW Image Optimizer:使用 WebP 格式减少图片体积