ZH
我的工具

PNG 转 AVIF

在浏览器中用 AV1 编码器把 PNG 转换为 AVIF,可把透明度保留为 Alpha 图层或填充,并查看节省的大小。适用于 Chrome 和 Edge。

可选择任意数量,每个文件会分别转换。
图形和截图适合 60–80,照片适合 50–70。
更大的图片会按宽高比缩小。
我的工具 →
广告

AVIF 对图形、截图和照片的压缩效果远好于 PNG,同时仍支持透明度,所有当前的浏览器都能显示。浏览器无法从画布保存 AVIF,所以本转换器使用浏览器自带的 AV1 编码器(WebCodecs)对每张图片编码,并自行写出 AVIF 文件。透明的 PNG 会按 AVIF 标准的规定,把透明度保留为单独的 Alpha 图层;您也可以用白色或黑色填充。它可在电脑版 Chrome 和 Edge 中运行。

使用方法

  1. 拖入一个或多个 PNG 文件。
  2. 设置画质;对于徽标和截图,70 是不错的起点。
  3. 保留透明度,或用白色或黑色填充;也可设置最大尺寸。
  4. 转换后查看大小变化,并下载 AVIF 文件。

计算公式

AV1 量化值 = round((100 − 画质) × 63 ÷ 100)。Alpha 图层以不低于 90 的画质编码,以保证边缘干净。大小变化 = (AVIF 字节数 ÷ PNG 字节数 − 1)× 100%。

颜色会转换为 YCbCr 4:2:0(BT.601,完整范围)并标记为 nclx 1/13/6。Alpha 通道变成第二张 AV1 图像,其亮度代表不透明度,被标记为 urn:mpeg:mpegB:cicp:systems:auxiliary:alpha 类型的辅助项目,并通过 auxl 引用与彩色图像关联,这是浏览器和 libavif 所读取的标准 AVIF Alpha 布局。这里的 AVIF 是有损的:若每个像素都必须精确,请使用 PNG 或无损 WebP。

示例

在画质 70 下,AV1 量化值为 round(30 × 63 ÷ 100) = 19。如果一张 420 KB 的透明 PNG 变成 63 KB 的 AVIF,大小变化为 63 ÷ 420 − 1 = −85%,显示在文件下方;确切的节省量取决于图片本身。

常见问题

会保留透明度吗?

会。Alpha 通道被存为 AVIF 的 Alpha 图层,Chrome、Edge、Firefox 和 Safari 都能显示。如果目标无法处理透明度,请选择“用白色填充”。

哪些浏览器可以转换?

编码需要网页可以使用的 AV1 编码器(WebCodecs),电脑版 Chrome 和 Edge 具备。Safari 和大多数手机浏览器能显示 AVIF,但目前还不能在网页中创建;页面会先检查,如果您的浏览器不支持就会告知。

AVIF 像 PNG 一样无损吗?

在这里不是:本工具生成的 AVIF 是有损的。在高画质下几乎看不出差别,但若要逐像素精确,请保留 PNG 或使用无损 WebP。

我的图片会被上传吗?

不会,编码在您的浏览器中进行。

资料来源

最后更新:

引用此工具
APA

kakaoCalc. (2026, November 8). PNG 转 AVIF. https://kakao.mobile/zh/tools/png-to-avif-converter/

MLA

“PNG 转 AVIF.” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/png-to-avif-converter/.

广告