AVIF 是一种相对较新的图像格式，与流行的 JPEG、PNG 和 WebP 格式相比，具有更好的压缩效果和质量。AVIF 是 AV1 图像文件格式的缩写，基于开放媒体联盟开发的 AV1 视频编解码器。
AVIF 使用与 AV1 相同的压缩技术，如内部预测、变换编码、熵编码和循环过滤，在不影响视觉质量的情况下减小图像文件的大小。AVIF 支持透明度、动画、颜色配置文件和 HDR（与 WebP 不同）。
AVIF 的主要优势之一是，它能在保持或提高图像质量的同时，实现比 JPEG 和 PNG 甚至 WebP 高得多的压缩率。
对于开发人员来说，尺寸的减小是非常重要的，因为带宽是要花钱的--相信我们电脑汇的网页带宽是非常大的。此外，页面速度对于最终用户体验和谷歌搜索算法来说也是非常重要的。在所有条件都相同的情况下，页面速度越快，排名越靠前。
例如，在这张小狗的图片中，可以看到巨大的优势，原始照片的 JPG 大小为 9.05 MB，而 AVIF 大小为 176KB。我的肉眼完全看不出质量上的差别。另外，还可以看到 Windows 10 文件资源管理器还不支持 AVIF。但你可以想象，对于像 Facebook（支持 AVIF）这样显示数十亿张图片的公司来说，可以节省多少成本？肯定是巨大的！
AVIF 的另一个优点是它是开放的、免版税的，与 HEIC 和 JPEG 2000 等其他图像格式不同。任何人都可以使用和实施 AVIF，而无需支付许可费或担心专利问题。AOMedia 是一个由谷歌、微软、Netflix、Facebook、亚马逊、Mozilla 等科技公司和组织组成的联盟。
AVIF 仍是一种相对较新的格式，尚未得到浏览器和应用程序的广泛支持。不过，Chrome、Firefox 和 Edge 等主要浏览器已经添加或宣布支持 AVIF，预计随后会有更多平台支持 AVIF。
如何创建 AVIF 图像
首先，您需要将图像创建或转换为 AVIF 格式。有几种工具和服务可以帮助您完成这项任务。您可能熟悉的桌面工具有 GIMP、Photoshop、ImageMagick、FFMPEG、irfanview 和 Zoner Photo Studio X。
如果你正在寻找一款在线应用程序，不妨试试 Squoosh。它可以拖放图像，选择输出格式（包括 AVIF），并调整质量设置。Squoosh 还会显示原始图片和压缩图片的并排对比，让你看到文件大小和外观上的差异。
或者试试 libavif： 这是一个为 AVIF 图像提供编码和解码功能的库。你可以用它来创建处理 AVIF 文件的应用程序或脚本。
如何在网页上使用 AVIF
准备好 AVIF 图像后，就可以将它们添加到网页中了。最好的方法是使用元素，它允许您为图像指定多个来源，并让浏览器根据其功能和偏好选择最佳来源。例如：
< picture>
< source srcset="image.avif" type="image/avif">
< source srcset="image.webp" type="image/webp">
< img src="image.jpg" alt="Image">
< /picture>
如果浏览器支持 AVIF 格式，这段代码会告诉浏览器首先尝试加载 image.avif 文件。如果不支持，则会在支持 WebP 格式的情况下尝试加载 image.webp 文件。如果这两种格式都不支持，浏览器就会退回到 image.jpg 文件，即标准的 JPEG 图像。
通过使用这种技术，可以确保网页加载速度更快，对于使用支持 AVIF 格式的浏览器的用户来说，网页看起来更好，而对于不支持 AVIF 格式的用户来说，仍然可以获得兼容的体验。
不过，在网页中使用 AVIF 格式时，也要注意一些挑战和限制。
- - 浏览器支持： 目前，只有少数浏览器原生支持 AVIF 格式，如 Chrome、Edge、Firefox 和 Opera。其他浏览器可能需要扩展或插件才能显示 AVIF 图像。您可以在此处查看浏览器对 AVIF 格式的支持现状：https://caniuse.com/avif
- - 编码速度： 由于压缩算法的复杂性，创建 AVIF 图像可能比创建 JPEG 或 PNG 图像耗时更长。如果您需要频繁或动态生成或更新图像，这可能会影响您的工作流程或性能。
- - 兼容性： 某些图像编辑工具或服务可能还不支持 AVIF 格式，或者功能或选项有限。这可能会限制您按照自己的意愿处理或优化图像的能力，或者您可能需要下载其他应用程序。
总结： AVIF 是一种很有前途的图像格式，与现有的图像格式相比，它能为网络开发人员带来很多好处。它可以在保持或提高视觉质量的同时，大幅减少网络图像的文件大小和带宽消耗。它还能支持其他格式无法实现或效率不高的各种功能和用例。鉴于 AVIF 是一种开放、免版税的格式，而且有大量不同的行业参与者支持这种格式，它很可能很快就会成为一种广泛使用的图像格式。
