首先,文章标题是个伪命题,因为并不能直接转换,而需要用到Aliyun的OSS和WordPress插件OSS Upload。

其次,“自动压缩”也不全对,因为在不支持WebP的浏览器上仍然能以JPG等格式正常浏览。

百度搜索“WordPress自动压缩为WebP”可以有一堆解决方案,然而本方法相对最简单,在Chrome浏览器能加快20-30%的加载速度且完美支持多种非Chrome浏览器,如果不想用了在插件里去掉勾选即可恢复,故值得推荐。

步骤:

1、开通Aliyun OSS。

2、下载最新版OSS Upload 4.4

3、激活后勾选自动压缩选项。

自动压缩为WebP
自动压缩为WebP

4、在Aliyun OSS中,设置一个额外样式,例如watermark_webp。

新样式watermark_webp
新样式watermark_webp

5、在watermark_webp的设置中,将“格式转换”设为webp。

格式转换设为webp
格式转换设为webp

如下图,用Chrome浏览则下载为WebP,用Safari或IE打开则下载为JPG。

Summer
Summer

知识库:《WebP相对 PNG、JPG有什么优势?


2020/4/29

WebP效果已取消,特此备注。

共有 12 条评论

          1. Google Chrome 76 Google Chrome 76 Windows 10 Windows 10

            @Yan 现在可以了,估计是缓存还没清理掉吧。另存为是 webp,右键打开的话多了?x-oss-process=style/watermark_webp

  1. Google Chrome 76 Google Chrome 76 Windows 7 Windows 7

    图片问题真的是,现在手机拍照就是8M左右,服务器控件压力暴增啊……但又不想压缩图片牺牲图片质量,试试你的办法

    1. Android Webkit 4 Android Webkit 4 Android 4.1.2 Android 4.1.2

      @Sherry 办法是:1、手机应用商店下载一个批量resize图片的app,处理完毕后再上载。2、进阶使用阿里云oss等工具。

        1. Google Chrome 76 Google Chrome 76 Mac OS X 10.14 Mac OS X 10.14

          @老杨 我在Windows下用ACDSee,在Mac下用Adobe Bridge CC、PhotoBulk或者干脆自己做个Automator小机器人。😜

发表评论

电子邮件地址不会被公开。 必填项已用*标注