共计 2272 个字符，预计需要花费 6 分钟才能阅读完成。
如想获得最佳浏览体验，请拜访:https://blog.projectoms.com/p…
家喻户晓，敬爱的苹果至今还没有齐全反对 WebP 压缩格局，而就当 WebP 还没有齐全取得反对时（仿佛就苹果不齐全反对）一个打着当年 WebP 的口号的全新图片压缩格局 –AVIF 半道杀了进去，它到底是什么来头，又会让苹果消耗多少年去反对呢 ….. 咱们明天就来简略的理解一下。
图片
WebP 支持性图表
AVIF？
WebP 是基于 Google 的 VP9 视频压缩技术的，所以，你会惊奇的发现：AVIF 是基于一种名为 AV1（别想歪）的视频压缩技术的图片格式。
至于 AV1 是啥。。看看维基百科的介绍。
AV1 视频压缩格局
AOMedia Video 1（简称 AV1）是一个凋谢、免专利的视频编码格局，专为通过网络进行流传输而设计。它由凋谢媒体联盟（AOMedia）开发，该联盟由半导体企业、视频点播供应商和网页浏览器开发商于 2015 年成立。联盟最后由七家公司：Amazon、Cisco、Google、Intel、Microsoft、Mozilla 和 Netflix 所组成，并发表技术重点为提供高质量网络影像。互联网工程工作组（IETF）也将这项工作标准化为互联网视频编解码器（NetVC）。
AV1 的指标是取代其前身，即由 Google 开发的 VP9 视频压缩格局，并与动静图像专家组（MPEG）领导开发的高效率视频编码（HEVC）竞争。
AV1 能够与 Opus 音频格式一起封装在 WebM 容器格局中，并可用于 HTML5 网络视频和网页即时通信。
初始版本 2018 年 3 月 28 日
最新版本 1.0.0 Errata 1
2019 年 1 月 9 日
AV1 版本信息
AV1 领有三种设置供解码器应用 Main、High 与 Professional。Main 容许 8、10 比特的色调深度以及 4:0:0（灰阶）和 4:2:0 的色度抽样。High 后续会反对 4:4:4 的色度抽样。Professional 将会残缺反对 4:0:0、4:2:0、4:2:2、4:4:4 的色度抽样以及 8、10、12 位的色调深度。
图片
AV1 视频压缩格局截止 2021 年 11 月，已取得 75% 的浏览器反对。
图片
AVIF 图片压缩格局
AV1 图像文件格式（AVIF）是一种图像文件格式，用于存储与压缩基于 AV1 在 HEIF 容器格局标准的图像或图像序列。AVIF 正式版 1.0.0 版于 2019 年 2 月最终确定。
文件扩展名 .avif
网络媒体类型 image/avif
开发商 凋谢媒体联盟
初始发行 v1.0.0，2019 年 2 月 19 日
格局类型 图像格式 无损 / 有损压缩算法
蕴含于 HEIF
扩大自 HEIF , ISOBMFF , AV1
AVIF 图片压缩格局
AVIF 反对以下性能：
多种色调空间，包含：
HDR（具备 PQ 或 HLG 传递函数、BT.2020 原色和 BT.2100 色调空间）
SDR（应用 sRGB / BT.709 或应用广色域）
通过 CICP（ITU-T H.273 和 ISO/IEC 23091-2）或 ICC 配置文件的色调空间信号
无损压缩和有损压缩
8、10、12 位色深
单色（alpha/depth）或多重量
4:2:0, 4:2:2, 4:4:4 色度子采样
胶片颗粒
AVIF 图片压缩格局截止 2021 年 11 月，已取得 70% 的浏览器反对。
图片
下一代？
对于 AVIF 的“下一代图片压缩格局”的口号，是否是吹出来的，咱们先参考 Netfilx 于 2020 年公布的文章。
https://netflixtechblog.com/a…
文中次要示意 AVIF 相比 JPEG 具备更好的压缩率，以及对 12bit 444 的反对，相比 WebP 的 420 在文字周边的锯齿会有极大改善。
图片
420（可放大查看）
444（可放大查看）
理论压缩率 & 品质测试
光看别人的论断并不代表理论应用的成果，上面咱们来实测一下。
1. 日常网络图片
这是一张 1024×1024 的 jpg 图像，大小为 151kb
jpg
同尺寸的 WebP 图像，大小为 60kb
webp
同尺寸的 AVIF 图像，大小仅为 28kb
图片
avif
放大放大再放大，咱们惊奇的发现：品质基本一致，如果不标注根本无奈分辨哪个格局对应哪张。
图片
jpg
webp
avif
2. 超级高清大图
jpg
图片
jpg 放大图
这是一张大小为 5.86MB，分辨率 6240×4160 的超级高清 jpg 图像，放大到 530% 也能看的比较清楚。
图片
在 Chrome 96 浏览器中，该 jpg 图片渲染用时 448ms。（我的 CPU:2 核 4 线程 i5 2.2GHz）
图片
webp
webp 放大图
同品质的 WebP 文件大小为 1.06MB，渲染用时 1.04s。（我的 CPU:2 核 4 线程 i5 2.2GHz）
avif
图片
avif 放大图
图片
同品质的 AVIF 文件大小仅为 347kb，渲染用时 703ms。（我的 CPU:2 核 4 线程 i5 2.2GHz）
综上，AVIF 的品质相对过关，且体积是真的小，而渲染速度也比 WebP 稍快。目前看是能称为下一代图片压缩格局的。
毛病
1. 反对：目前未取得广泛支持（70% 反对）（该问题可通过 GitHub 开源我的项目解决）
2. 压缩图片时用时很长：尽管渲染（解压缩）图片时速度比拟快，但压缩时速度十分慢，是真的十分十分十分慢。
如何应用 & 让相干软件反对
其余图片格式转换为 AVIF，目前有只有在线的办法。
https://www.aconvert.com/cn/i…
https://avif.io/
浏览器
目前最新版 Firefox，Chrome 均已反对。
软件
VLC 已反对。Windows 10，11 可通过装置 AV1 Video Extension 扩大取得反对。
图片
本文到这里就完结了！心愿大家可能喜爱我的文章。
