PNG 转 AVIF
AVIF 是目前普及度最高的新一代图片格式,处理 PNG 的效果尤其突出:Alpha 透明完整保留,体积通常能压到原来的 5%–20%,比 WebP 还要小一截。需要说明的是,AVIF 编码计算量大,大图可能要等上几秒——这些运算全部发生在您自己的设备上,没有任何服务器参与。
需要反向转换? AVIF 转 PNG
使用方法
将 PNG 文件拖入上方区域,AV1 编码器随即在本机以画质 60 开始处理(观感约等于 JPEG 80–85)。
大图请耐心等几秒——编码器在反复寻找可压缩的空间,全部运算都发生在您的设备上。
在预览中确认透明区域完好,按需在 45–75 之间微调画质,然后逐个下载或打包成 ZIP。
PNG vs AVIF
论体积,AVIF 毫无悬念地胜出:比 PNG 小 80–95%,透明照旧。但像素的“监护权”仍在 PNG 手里——只有它做到逐像素精确、经得起反复编辑。对外发布用 AVIF,底稿存 PNG,这样安排两边都不吃亏。
| PNG | AVIF | |
|---|---|---|
| 压缩方式 | 无损 | 有损或无损 |
| 透明度 | 支持(完整 Alpha) | 支持(完整 Alpha) |
| 动画 | 不支持 | 支持(较少使用) |
| 兼容性 | 通用——所有浏览器、软件和系统 | 所有现代浏览器(Safari 16.4 起,2023 年) |
| 适合用途 | 标志、截图、需要透明背景的图片 | 大图横幅和图片密集的页面 |
常见问题
不会。所有转换都通过 WebAssembly 在您的浏览器内完成,文件自始至终不会离开您的设备,全程没有任何服务器参与。页面加载完成后即使断网也能继续使用,文件大小也没有限制,仅取决于设备内存。
单看压缩率是 AVIF 赢:同等观感下通常再小 20–40%,透明也一样保留。WebP 的优势是编码快得多、老设备兼容更久。经验法则:首屏大图选 AVIF,日常批量素材两者皆可。
AVIF 基于 AV1 视频编码,为了找出更多可压缩空间,它比老格式“想”得更久。这些运算都在您的设备上进行——这既是文件如此小的原因,也是 4000px 大图需要等几秒的原因。默认参数已在速度和压缩率之间调到接近最优。
Chrome(2020 年起)、Firefox(2021 年起)和 Safari 16.4 及以上(2023 年 3 月)都原生支持。若需兼顾更老的 Safari,可用 <picture> 元素提供 WebP 或 PNG 回退。
AVIF 的画质刻度和 JPEG 不同:这里的 60 大致相当于 JPEG 的 80–85。默认 60 对绝大多数内容已经足够干净;缩略图可降到 45–50;只有肉眼确实看得出差别时才调到 75 以上,因为再往上体积会涨得很快。
用“逐像素精确”换 80–95% 的体积。画质 60 的 AVIF 观感干净,但放大镜下并非完全一致,也经不起 PNG 那样的反复编辑保存。网页上放 AVIF,母版留 PNG——这套分工就是全部要点。
发往邮件、办公文档或需要打印的图片建议别转——浏览器之外的 AVIF 支持仍然零散,文件被拒收的代价远大于省下的那点流量。受众里有 16.4 之前的 Safari 且没做回退时同理。这两种场景下,PNG 转 WebP 能拿到大部分压缩收益,又没有兼容性顾虑。
相关工具
JPG 转 AVIF
在浏览器内把 JPG 照片转换为 AVIF,免费、无需上传。同样的观感下体积通常再减 40–60%,渐变和夜景收益最明显,每张图的节省比例当场可见,适合给网站照片整体瘦身。
PNG 转 WebP
在浏览器内将 PNG 转换为 WebP:免费、无需上传、无需注册。完整保留 Alpha 透明通道,文件体积一般可减小 60–90%,每个文件的压缩效果在下载前即可看到。
AVIF 转 PNG
在浏览器内把 AVIF 转换为 PNG,免费、无需上传。解码逐像素精确,透明完整保留,输出为任何编辑器、看图软件和上传表单都认识的通用格式,方便编辑、打印或再上传。
PNG 转 ICO(网站图标)
在浏览器内将 PNG 制作成多尺寸 ICO 网站图标——免费、无需上传。一个文件包含 16、32、48 px 三种尺寸,完整保留透明通道,可直接放到网站根目录使用。