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

解决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格式减少图片体积

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址