将透明 Logo、截图和网页图形从 PNG 转为 AVIF
PNG 很适合清晰图形和透明内容,但复杂截图和大型透明导出文件可能很大。AVIF 支持 Alpha 透明度,并提供有损与无损编码;当目标浏览器和发布工具支持时,它很适合用于网页图形。
有损 AVIF 可明显减小内容复杂的 PNG,但细小文字和锐利界面边缘需要仔细检查。无损 AVIF 保留解码后的像素,却不一定始终小于高度优化的 PNG。结果列表会显示实际大小,便于保留更合适的文件。
图片仅在浏览器本地转换,绝不会上传。
在浏览器中将透明图形、截图和导出的 PNG 文件转换为 AVIF。编码结果会保留 Alpha 透明度;当精确像素比文件大小更重要时,还可选择无损模式。
在此设备上转换图片
将 PNG 文件拖到这里
或从设备中选择文件文件仅在本地处理,绝不会上传。
添加 PNG 文件,选择统一的 AVIF 输出设置,然后保存结果。所有处理都在当前浏览器标签页内完成。
添加一个或多个 PNG 文件、选择文件夹,或将图片拖入上传区域。透明像素会连同 Alpha 通道一起解码。
使用可调质量的 AVIF 获得更小网页资源,或开启无损模式保留精确的解码像素。仅在最终设计需要较小尺寸时进行缩放。
比较文件大小、逐个下载 AVIF,或将整批 PNG 转换结果保存为 ZIP,并在可用时保留文件夹路径。

PNG 很适合清晰图形和透明内容,但复杂截图和大型透明导出文件可能很大。AVIF 支持 Alpha 透明度,并提供有损与无损编码;当目标浏览器和发布工具支持时,它很适合用于网页图形。
有损 AVIF 可明显减小内容复杂的 PNG,但细小文字和锐利界面边缘需要仔细检查。无损 AVIF 保留解码后的像素,却不一定始终小于高度优化的 PNG。结果列表会显示实际大小,便于保留更合适的文件。
照片类 PNG 可从质量 60 到 70 开始。对于截图、图表和硬边图形,可尝试更高质量或无损模式。没有一个质量值能保证所有视觉内容都得到相同结果。
透明边缘通常比不透明区域更早显露压缩瑕疵。替换原始 PNG 前,请在实际使用环境的明暗背景上检查 Logo 和抠图边缘。
需要在格式转换后精确保留解码得到的 RGBA 像素时,无损模式很有用,例如归档中间素材、界面截图或还要继续处理的图形。它不会保留 PNG 元数据、数据块、动画或原始压缩字节。
用于普通网页传输时,经过检查的有损设置往往能生成更小文件。请在资源流程中保留源 PNG,避免以后从已经重新编码的传输文件再次导出。
可将这些差异作为检查清单,并在实际使用环境中判断下载文件是否合适。
| 特性 | PNG | AVIF 结果 |
|---|---|---|
| 透明度 | 完整 Alpha 通道 | 完整 Alpha 通道 |
| 编码模式 | 无损 | 有损或无损 |
| 典型用途 | 图形和截图 | 紧凑的现代传输格式 |
| 工具处理 | 本地解码 | 本地编码 |
了解支持的文件、隐私、质量设置,以及浏览器端转换器会如何处理你的图片。
会。转换器读取 PNG Alpha 通道并将其传给 AVIF 编码器。有损转换后仍应检查重要边缘细节。
不一定。压缩结果取决于图片内容和源文件优化情况。输出列表会显示两者实际大小,便于比较。
可以。多个 PNG 文件或文件夹可使用统一设置处理,并一起下载为 ZIP。
不会。此工具只编码一个解码帧,面向静态图片,不保留 APNG 动画。