UltKit

PNG转AVIF转换器

AVIF采用AV1视频编码的压缩技术来保存图片。对于那些保存成PNG后体积很大的图片,AVIF往往能在所有网页图片格式中做到文件最小。本转换器可将PNG转换为AVIF,并完整保留透明背景。

图片格式转换

或将JPG, JPEG, JPE … 文件拖放到此处 ·

单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除

输出

文件在我们的服务器上处理,并在 30 分钟后删除。

使用方法

  1. 1

    上传PNG图片

    最多可添加 20 个 PNG 文件,每个不超过 95 MB:商品抠图、插画、截图,或是保存成 PNG 的照片。

  2. 2

    选择有损或无损

    音质 默认从 70 开始,适合照片和插画,兼顾画质与体积。只有在每个像素都必须与 PNG 完全一致时,才在 高级设置 中勾选 无损。

  3. 3

    转换为AVIF

    点击 转换为 AVIF。编码比 JPG 或 WebP 稍慢一些;完成后可下载单个文件或 ZIP 压缩包。

答案

为什么要把 PNG 转成 AVIF?

为了让网站上的图片轻得多。PNG 照片或透明插画转成有损 AVIF 后,体积通常只有原来的一小部分,透明效果依然保留,并且当前所有主流浏览器都能显示。

什么是AVIF:把AV1视频压缩用于静态图片

AVIF 来自开放媒体联盟(Alliance for Open Media),其创始成员包括 Google、Microsoft、Mozilla、Netflix 和 Amazon。该联盟于 2018 年发布了免专利费的 AV1 视频编解码器,2019 年又发布了基于它的 AVIF 图像格式。AVIF 文件本质上是封装在 HEIF 类容器中的一个 AV1 关键帧,这种容器结构与 Apple 用于 HEIC 照片的相同。

这一渊源带来了 JPEG 和 PNG 所没有的技术:大尺寸自适应块、基于相邻区域的复杂预测、胶片颗粒合成,以及面向 HDR 的每通道 10 位和 12 位色深。对于存着照片的 PNG,体积会大幅缩减;对于纯色平面的 Logo,节省幅度较小,但通常仍然可观,并且保留透明度。

PNG、WebP与AVIF对比:各格式能保存什么

from ↓ · to →PNGWebPAVIF
透明度(Alpha)透明度(Alpha) to PNG: yes透明度(Alpha) to WebP: yes透明度(Alpha) to AVIF: yes
无损压缩无损压缩 to PNG: yes无损压缩 to WebP: yes无损压缩 to AVIF: yes
有损压缩– 有损压缩 to PNG: no有损压缩 to WebP: yes有损压缩 to AVIF: yes
每通道超过 8 位每通道超过 8 位 to PNG: yes– 每通道超过 8 位 to WebP: no每通道超过 8 位 to AVIF: yes
同一格式内的动画– 同一格式内的动画 to PNG: no同一格式内的动画 to WebP: yes同一格式内的动画 to AVIF: yes
supported not offeredPNG 动画以独立的 APNG 变体存在。PNG 可达每通道 16 位,AVIF 为 10 或 12 位。

AVIF浏览器支持:Chrome、Firefox、Safari和Edge

Chrome 最先支持,2020 年 8 月的 85 版开始显示 AVIF。Firefox 在 2021 年 10 月的 93 版跟进。Safari 16 于 2022 年在 iOS 16 和 macOS Ventura 上加入静态 AVIF 支持,2023 年 3 月的 Safari 16.4 补全了支持,包括动画 AVIF。Edge 虽然与 Chrome 使用同一内核,却直到 2024 年 1 月的 121 版才开启 AVIF。

这些浏览器合起来覆盖了如今几乎所有用户,但网站周边的应用并非都支持。部分邮件客户端、社交平台的链接预览和较旧的 CMS 插件仍然只认 PNG、JPG 或 WebP。在自己的页面上,可通过带 PNG 或 WebP 回退的 <picture> 元素提供 AVIF,或让 CDN 按访客自动选择;而用于图片编辑器、办公文档以及作为附件发送的图片,请保留 PNG。

PNG

便携式网络图形(PNG)

PNG 是 PNG 开发组于 1996 年发布的无损位图格式,后来由 W3C 和 ISO 标准化。它精确保留每个像素,支持完整的 Alpha 透明度,处理文字、锐利边缘和纯色块时不会产生伪影。这种精确度使它非常适合截图、徽标、图标和界面图形。代价是体积:保存为 PNG 的照片往往比同一张照片的 JPEG 或 WebP 大好几倍。所有浏览器、操作系统和编辑器都能打开 PNG 文件。

压缩方式
无损
透明度
支持
动画
不支持
发布年份
1996 · PNG Development Group
PNG 转换器

AVIF

AV1 图像文件格式

AVIF 用 AV1 视频编码压缩保存静态图像和图像序列,由开放媒体联盟于 2019 年定稿。在相同视觉质量下,它的文件通常比 JPEG 和 WebP 都小,并支持透明、动画、广色域和 HDR。编码速度比旧格式慢,在低质量设置下非常细腻的纹理可能显得被抹平。所有主流浏览器现在都能显示 AVIF,但许多桌面应用、社交平台和旧设备无法打开它。

压缩方式
有损或无损
透明度
支持
动画
支持
发布年份
2019 · Alliance for Open Media
AVIF 转换器

PNG 转 AVIF,是为了以现代浏览器能显示的最小体积发布透明图形和以 PNG 保存的照片;当编辑器或办公软件无法读取 AVIF 时,再把 AVIF 转回 PNG。

截图和文字需要更高的质量设置

在低质量下,AVIF 会平滑细节,适合照片,但会让小字和 1 像素的界面线条变模糊。对于截图,请将 音质 提高到 80–90,或者保留 PNG 或无损 WebP。

PNG转AVIF常见问题

PNG转换时,AVIF比WebP更好吗?

对于照片类 PNG 和柔和的插画,在相同画质下,有损 AVIF 通常比有损 WebP 更小。截图和线稿的差距会缩小,无损 WebP 往往与无损 AVIF 一样小,甚至更小。如果你只想用一种在各类工具和插件中支持最广的格式,选 PNG转WebP 更省事。

AVIF能保留PNG的透明背景吗?

支持。AVIF 会在彩色图像之外单独存储 Alpha 通道,因此抠图、Logo 和柔和阴影都能保持透明。Alpha 通道同样会被压缩,这也是透明 AVIF 比原 PNG 小得多的原因之一。

要不要用无损AVIF?

很少需要。无损 AVIF 确实存在,但编码很慢,体积往往并不比优化过的 PNG 或无损 WebP 小。AVIF 的优势在于有损压缩。只有归档备份,或需要逐像素比对的图片,才使用无损。

AVIF的质量应该设置为多少?

AVIF 在比 JPG 更低的质量设置下仍能保持观感。照片和插画设为 60–70 左右即可;带小字的截图建议提高到 80 或更高,因为文字周围的模糊最先暴露出来。批量转换前,先把一张结果放大到原始尺寸检查一下。

WordPress能使用AVIF图片吗?

2024 年 4 月发布的 WordPress 6.5 将 AVIF 加入了媒体库接受的格式,前提是服务器的图像库支持它。更早的版本需要插件,或使用能即时转换的 CDN。

电脑上哪些软件能打开AVIF文件?

当前的主流浏览器都能直接打开 AVIF,把文件拖进 Chrome、Firefox、Safari 或 Edge 即可。Windows 11 的“照片”应用需安装免费的 AV1 视频扩展才能显示 AVIF,macOS Ventura 及更高版本可原生预览。若要在其他软件中编辑,可用 AVIF转PNG 转换回去。