WordPress图片自动压缩为WebP格式

首先,文章标题是个伪命题,因为并不能直接转换,而需要用到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有什么优势?

共有 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小机器人。😜

发表评论

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