对比
PNG 与 AVIF
PNG 是兼容性广、支持透明度的无损栅格格式。AVIF 较新，可能缩小文件，但需考虑支持情况和编码设置。应使用实际图片和分发要求进行比较。
应该选择哪种格式？
重视广泛兼容和无损图形时选 PNG；目标浏览器支持 AVIF 时，可测试其网页分发效果，并按需提供备用格式。
适用于 PNG
界面图形 · 屏幕截图 · 透明图像
- 需要透明度的图像
- 文字和线条图
适用于 AVIF
网页图像交付 · 优化照片 · 透明网页图像
- 平衡质量与传输大小
- 已确认支持 AVIF 的交付环境
基本信息
| 项目 | PNG | AVIF |
|---|---|---|
| 扩展名 | .png | .avif |
| MIME 类型 | image/png | image/avif |
| 常见用途 | 界面图形 · 屏幕截图 · 透明图像 | 网页图像交付 · 优化照片 · 透明网页图像 |
| 打开方式 | 大多数系统查看器、网页浏览器和图像编辑器都能打开 PNG 文件。 | 兼容的网页浏览器可在页面中显示 AVIF。对于本地文件，请确认查看器或编辑器支持 AVIF。 |
| 导出或转换 | 只有在不再需要透明度和无损质量时才转换为 JPEG。请保留原 PNG，并从应用程序导出。 | 将 JPEG 或 PNG 转换为 AVIF 时，请保留源图像并检查质量设置和透明度。转换到其他格式时，输出格式不支持的功能或元数据可能无法保留。 |
按用途选择
需要透明度的图像
界面图形 · 屏幕截图 · 透明图像
PNG文字和线条图
界面图形 · 屏幕截图 · 透明图像
PNG平衡质量与传输大小
网页图像交付 · 优化照片 · 透明网页图像
AVIF已确认支持 AVIF 的交付环境
网页图像交付 · 优化照片 · 透明网页图像
AVIF关键点 1
PNG 支持广泛且可无损保存。
进一步了解差异关键点 2
AVIF 能否缩小文件取决于图像和编码设置。
进一步了解差异进一步了解差异
用有代表性的图片在可接受画质下测量，并在目标浏览器中检查透明度、颜色、元数据和解码。若受众或流程需要，请保留兼容的备用格式。
- PNG 常用于清晰图形和透明图片。
- AVIF 是较新的网页分发选择，支持有损和无损编码模式。
- 并非每张图片或每种设置都会得到更小文件。
常见问题
AVIF 一定比 PNG 小吗？
不一定。结果取决于图像、编码器和设置。请按所需画质比较实际输出。