PNG 转 AVIF
把 PNG 文件拖到下方,即可得到 AVIF 文件。转换在你自己的设备上完成,因此不会上传,除了浏览器内存上限之外没有任何大小或数量限制。
把图片拖到这里
Ctrl/⌘ V粘贴截图或复制的图片
支持 PNG
数值越低文件越小。照片用 75 通常就够。
100% 本地处理 文件不会被上传。
为什么要把 PNG 转成 AVIF?
同一张图片,AVIF 的体积通常明显小于原始的 PNG。当你在压缩页面体积、或者要挤进某个上传大小限制时,这一点很关键。
如果你在优化页面而手上是 PNG,AVIF 是目前能走到的最远处。它保留透明,而且在照片类内容上会大幅领先 PNG 和 WebP。唯一需要先想清楚的是你转的到底是哪类图,因为 AVIF 的优势在不同内容上差别很大。
转换之前
照片收益巨大,图标和线稿收益小得多
AVIF 的压缩来自为照片细节设计的技术,在照片上它相对 PNG 的节省相当惊人 —— 常常在八成以上。而在纯色 logo 或界面图标上,PNG 本来就擅长这类内容,差距会急剧缩小。有损 AVIF 用在清晰的图标上还可能让边缘发虚,在小尺寸下一眼就能看出来。对那类素材,无损 WebP 往往是更好的答案。
无损 AVIF 存在,但很少值得用
AVIF 有无损模式,对比 PNG 也确实能赢。但它编码慢,相对无损 WebP 的优势又不大,所以很少是务实的选择。选择 AVIF 的理由是它的有损模式 —— 那才是这个格式在生产环境中真正领先于其他一切的地方。
PNG 仍然是你的母版
有损 AVIF 是产出物,不是存档。把 PNG 留着:格式会继续演进,而 AVIF 之后的东西,从无损原件编码总会好过从一份有损中间产物编码。这和摄影里保留 raw 文件是同一套纪律,理由也相同。
会保留下来的
- 透明通道
- 像素尺寸
- 照片上很大一部分体积
过不来的
- 无损特性,在真正值得用的那个模式下
- 图标与线稿的边缘锐度
- 编码速度
PNG 与 AVIF 对比一览
| 属性 | PNG | AVIF |
|---|---|---|
| 压缩方式 | 无损 | 有损 |
| 透明通道 | 支持 | 支持 |
| 典型文件大小 | 约为同等 JPEG 的 300-500% | 约为同等 JPEG 的 40-55% |
| 兼容性 | 几乎所有软件都能打开,包括很老的程序 | 所有现代浏览器支持;部分老旧桌面软件尚未跟进 |
| 常见来源 | 截图、logo 和图形素材 | 为减小页面体积而优化的网站 |
常见问题
我的 PNG 文件会被上传到哪里吗?
不会。解码器和编码器是运行在本页面内的 WebAssembly 模块。首次使用某种格式时,网络面板可能会显示编解码器下载,但没有任何请求会包含你的文件。在支持离线缓存的浏览器中,用过一次的编解码器会被缓存,之后同类转换可以断网完成。
有文件大小或数量限制吗?
我们不设任何限制。实际上限取决于你设备的内存,因为转换过程中图片需要以未压缩形式驻留内存。在普通笔记本上,一亿像素以内的图片通常都能顺利转换。
转成 AVIF 会损失画质吗?
AVIF 是有损格式,会丢弃部分数据。在默认质量下,正常观看尺寸几乎看不出差别。如果你需要像素级完全一致的副本,请改选 PNG。
手机上能用吗?
可以。同样的 WebAssembly 模块在移动浏览器上也能运行。由于手机 CPU 较弱,转换会比桌面端慢,超大图片也更容易触及内存上限。
我的 PNG 是截图,有什么要注意的吗?
截图以大片纯色和锐利文字为主,而这恰恰是有损格式最不擅长的内容。如果目标格式是有损的,文字边缘可能出现淡淡的光晕。请把质量调高,或者在文字必须保持清晰时干脆继续用 PNG。
AVIF 到底在哪些地方能用?
所有主流浏览器都能原生解码 AVIF,因此用在网页上是安全的。桌面软件则落后不少,很多看图和修图软件仍然打不开它。此外它的编码速度明显慢于这里的其他格式,大图需要等上几秒。