paint-brush
AVIF 是您可能会听到更多的下一代图像格式经过@imgix
5,360 讀數
5,360 讀數

AVIF 是您可能会听到更多的下一代图像格式

经过 imgix4m2023/01/20
Read on Terminal Reader

太長; 讀書

AVIF 格式是基于 AV1 视频编码格式的下一代图像格式。使用 AVIF,用户发现文件大小与 JPEG 相比下降了近 60%,与 WebP 相比下降了 35%,而质量没有损失。它还有助于提高页面速度和 Core Web Vitals。您可以使用 imgix 等可视化媒体 API 自动执行文件格式转换。
featured image - AVIF 是您可能会听到更多的下一代图像格式
imgix HackerNoon profile picture


AVIF 格式是基于 AV1 视频编码格式的下一代图像格式。 AV1 是由开放媒体联盟,一个由 Mozilla、谷歌、思科、Netflix、亚马逊和其他公司组成的联盟。 AVIF 背后的主要思想是利用最初为图像格式的视频开发的压缩算法。网飞相信AVIF有潜力由于这种格式在保持较小图像尺寸的同时提供了卓越的质量,因此适用于其应用程序中的图像。


所有主要的浏览器制造商都直接或间接地密切参与了 AVIF 的开发和发布。那你为什么要关心它呢?

AVIF 的优势:在不牺牲质量的情况下使图像更轻

这是图像压缩的激动人心的时刻。 WebP 作为 JPEG 的替代品一直在获得动力,但现在,AVIF 已经到来,几乎在所有情况下都压缩 WebP。事实上,与 JPEG、PNG 和 WebP 格式相比,AVIF 图像格式可以更大程度地减小文件大小。优点是压缩算法最初是为图像格式的视频开发的。使用 AVIF,用户发现文件大小与 JPEG 相比下降了近 60%,与 WebP 相比下降了 35%,而质量没有损失。

此外,AVIF 文件格式支持有损和无损图像格式,以及透明度。 AVIF图像格式是一种支持任何图像编解码器的图像格式。


AVIF 现在可以在大量网络用户使用的网络浏览器版本中使用:

  • 谷歌浏览器 85 及更高版本
  • Mozilla Firefox 86 及更高版本
  • 安卓
  • iOS 16.0 及更高版本上的 Safari


(有关支持 AVIF 的浏览器列表,请参阅caniuse.com 上的 AVIF 部分.)


  • 资料来源:https://caniuse.com/avif*

AVIF 在行动

AVIF 格式最适合包含需要保留的特定细节的图像,例如电影海报中的渐变、文本和图形。当您使用压缩时,它的性能和质量非常好。


如果您正在使用支持 AVIF 的浏览器(例如最新版本的 Chrome、Firefox 或 Android)阅读,您应该会看到以下三个图像:


大小为 9KB 的 AVIF 图像

大小为 12KB 的 WebP 图片
大小为 16KB 的 JPEG 图片

这些图像的质量相当,但 AVIF 图像的文件大小显着减小。通过使用 AVIF 进行图像压缩,您可以进一步减小图像文件的大小并获得其他好处:


  • 更快的页面加载时间
  • 更好的 SEO 排名(Google 奖励页面等搜索引擎的加载速度,尤其是在移动设备上)
  • 降低跳出率
  • 提高客户满意度
  • 降低带宽成本


一个足球,一家总部位于德国的足球媒体公司,在启用自动 AVIF 转换后,页面加载时间加快了 26%,首次交互时间加快了 24%。

imgix 和 AVIF

自从在 imgix 上提供 AVIF 以来,我们的用户发现文件大小与 JPEG 相比下降了近 60%,与 WebP 相比下降了 35%,而质量没有损失。 Unsplash是我们最早实施自动 AVIF 格式转换的客户之一,文件大小减少了 30%。

就像 Unsplash 一样,您可以使用 imgix 自动转换图像格式。通过使用'自动=格式'参数,imgix 将自动为所有支持它的浏览器提供 AVIF 中的图像。对于尚不支持它的浏览器,imgix 渲染 API 将回退到下一个最佳可用格式。如果自动=格式已设置且浏览器不支持 AVIF 格式,如果支持,我们将首先回退到 WebP。如果不支持 WebP,imgix 将回退到源图像类型或 fm 参数指定的任何格式。当您在 AVIF 格式内使用压缩时,图像质量和网站性能非常好。


面向未来的图像

为不同的目的创建、管理和提供不同格式的图像可能是一个繁琐的过程。随着时间的推移,将图像复制成不同的格式也会产生巨大的存储成本。无需决定为哪种环境提供哪种图像格式,也无需不断调试数据和图像之间的复杂交互——imgix 会为您完成这一切。


与像 imgix 这样提供 AVIF 格式的图像优化合作伙伴合作,意味着您可以让您的图像面向未来,并随着技术的不断进步为成功做好准备。随着新标准进入市场,我们将不断评估和创新,以便您保持领先地位。


通过注册imgix 帐户免费试用此功能。


也发布在这里