PNG 转 AVIF
在浏览器中用 AV1 编码器把 PNG 转换为 AVIF,可把透明度保留为 Alpha 图层或填充,并查看节省的大小。适用于 Chrome 和 Edge。
AVIF 对图形、截图和照片的压缩效果远好于 PNG,同时仍支持透明度,所有当前的浏览器都能显示。浏览器无法从画布保存 AVIF,所以本转换器使用浏览器自带的 AV1 编码器(WebCodecs)对每张图片编码,并自行写出 AVIF 文件。透明的 PNG 会按 AVIF 标准的规定,把透明度保留为单独的 Alpha 图层;您也可以用白色或黑色填充。它可在电脑版 Chrome 和 Edge 中运行。
使用方法
- 拖入一个或多个 PNG 文件。
- 设置画质;对于徽标和截图,70 是不错的起点。
- 保留透明度,或用白色或黑色填充;也可设置最大尺寸。
- 转换后查看大小变化,并下载 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。
我的图片会被上传吗?
不会,编码在您的浏览器中进行。
资料来源
最后更新:
包含这些输入的页面地址: https://kakao.mobile/zh/tools/png-to-avif-converter/
引用此工具
kakaoCalc. (2026, November 8). PNG 转 AVIF. https://kakao.mobile/zh/tools/png-to-avif-converter/
“PNG 转 AVIF.” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/png-to-avif-converter/.