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

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