如想获得最佳浏览体验，请拜访: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.日常网络图片
这是一张1024x1024的jpg图像，大小为151kb
jpg
同尺寸的WebP图像，大小为60kb
webp
同尺寸的AVIF图像，大小仅为28kb
图片
avif
放大放大再放大，咱们惊奇的发现：品质基本一致，如果不标注根本无奈分辨哪个格局对应哪张。
图片
jpg
webp
avif
2.超级高清大图
jpg
图片
jpg放大图
这是一张大小为5.86MB，分辨率6240x4160的超级高清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扩大取得反对。
图片
本文到这里就完结了！心愿大家可能喜爱我的文章。