WordPress插件EWWW Image Optimizer：使用WebP格式减少图片体积-火哥分享

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”。

此时如果有以下提示，说明你的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，有进度及日志显示，如果图片较多，请耐心等待。

自动转换完成后，会显示扫描了多少图片，转换成功多少，失败多少等信息。

打开Wordpress后台—-“插件”—- “EWWW Image Optimizer”—-“settings”—-“WebP”，选择”JPG/PNG to WebP”，然后”Save Changes”。

点击保存后，底下会出现提示：检测到你的网站使用了Cloudflare，等等。

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

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

此时我们需要把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图片，说明设置成功。

此种情况下，EWWW Image Optimizer会自动生成一段规则代码，把它添加到网站的.htaccess文件即可。

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

本站火哥分享的图片已经全部采用webP格式，带来的好处立竿见影，图片体积减少了大约八成，加载速度更快，节约了服务器带宽和CPU，对用户，对搜索引擎更加友好。