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 有什么优势?

共有 10 条评论

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

发表评论

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