Chrome 85+ 的同学可以来体验一下 AVIF 的神奇效果了。

结论：Chrome 85 开始默认支持 AVIF

AVIF 是 AV1 视频编码的静态帧（ VP9 ），相较于 WebP （ VP8 ）不仅有更优秀的压缩率，并且背后也有各大企业的身影（ Google 、微软、Netflix 、Apple ）。我能用吗： https://caniuse.com/avif

WebP 自从被 Chrome 默认支持后就迅速普及，更优秀的 AVIF 也不会例外（ https://jakearchibald.com/2020/avif-has-landed/ ）

AVIF 的效果到底如何，我做了一个对比网页，比较几个图片格式在极致压缩的情况下质量差别： https://www.dogedoge.com/image_formats/ （桌面 Chrome 85 以上版本适用）

看点主要有两个：

普通压缩 JPEG 与 量化压缩 JPEG 的质量差别（图 1 vs 图 2，目前还没有看见国内的图片服务支持 JPEG 的自动量化压缩）
WebP 与 AVIF 的质量差别（图 3 vs 图 4 ）

多吉图床的用户调用 fmt=avif 参数即可输出 avif 格式
AVIF 目前不支持 内容协商机制；
AVIF 目前不支持 Quality （ q ）参数，系统会直接忽略

免费的 AI 裁剪：自动识别图像主体 —— 智能应对网站、APP 各种不同的显示尺寸；
准确的颜色管理：对 sRGB / P3 / Adobe RGB / ProPhoto / FOGRA 系列 / JapanColor 系列色彩空间有完善地支持 —— 对摄影爱好者友好（为什么有些图片即便裁到 100x100 也是数百 k 的容量？）；
支持内容协商机制的 Webp 输出：不支持 Webp 的客户端会收到原格式 #又拍云支持；
极致的容量压缩追求 —— 支持 PNG 、JPEG 的量化压缩（ TinyPng + TinyJpeg ）、支持 Tinysrgb
支持 HEIF / HEIC 的照片读取：iPhone 拍摄的 HEIF 可直接上传并对外发布 #七牛支持（目前不支持 HEIF / HEIC 的输出主要原因是该格式的专利问题比较复杂）
支持 AVIF 格式的读取 / 输出：相比 WebP 压缩率更高、相比 HEIF / HEIC 没有复杂的授权问题

相关资料：

什么是色彩管理？ Color Management： https://zhuanlan.zhihu.com/p/72530732

AVIF 万能吗？目前还未必： https://jakearchibald.com/2020/avif-has-landed/

nicoljiang

2020-09-11 11:52:14 +08:00

@wdhwg001 Guetzli 的压缩率不如 AVIF，甚至不如 WebP，压缩性能远比 WebP 和 AVIF 高。如果是保存珍贵资料，也必然是新格式更好，就像苹果做的那样。
@yyfearth HEIF 和 AVIF 比较起来其实会比较麻烦，他们本身同宗同源，理论上质量相差无几，粗略的对比可以但目前的压缩算法和底层编码器存在一些差异，所以在调参的不同对比效果差异，很难公正公平。更不用说同种格式内不同编码器的带来的效果和性能差异可能还大于不同格式之间的差异。

至于 VVIF 目前资料还太少，我没有任何涉及。但几乎可以确定的是，回看过往优秀的图片格式非常多，HEIF/C 不是第一个也不是最优秀的那一个，都难以替代 JPEG 还是因为授权问题造成的阻碍，WebP 是第一个有望大规模取代 JPEG 的新图片格式，AVIF 或是下一代，再下一代不太会是 VVIF 。

nicoljiang

2020-09-11 12:03:57 +08:00

@wdhwg001 可若是低效低能，为什么要去做这个事情呢，无论是服务器还是客户端。压 2-30 张照片的时间都能压缩一部 60 分钟的 4K 视频了。

别人有做过一些对比： https://cloud.tencent.com/developer/article/1004742 、https://arstechnica.com/information-technology/2017/03/google-jpeg-guetzli-encoder-file-size/

但需要注意的是：这里提到 29%的压缩率，仅仅是相对 LibJPEG 产生的结果，而不是 TinyJPEG 的结果（也就是我那个对比网页当中的图 1，而非图 2 ）

对比网页： https://www.dogedoge.com/image_formats/

从这两张图片来看，TinyJPEG 就已经可以轻易获得 30% 的压缩率（ 36.75%），效果还更好：

LibJPEG （ 16.6 k ）： http://dfs.dogedoge.com/~/source/unsplash/photo-1599524882167-39718267c453?x-oss-process=image/resize,w_500/quality,Q_20/interlace,1

TinyJPEG （ 10.5 k ）： https://rmt.dogedoge.com/fetch/~/source/unsplash/photo-1599524882167-39718267c453?auto=format&fit=crop&w=500&q=20&prog=1

Chrome 85+ 的同学可以来体验一下 AVIF 的神奇效果了。

结论：Chrome 85 开始默认支持 AVIF

广告

前续

主要卖点有：

相关资料：