JPG、PNG、WebP 与 AVIF：如何选择图片格式
ToolMixo · 最近审核日期:
先明确图片需要保留哪些内容。PNG 可以无损保存清晰文字和透明区域；JPG 适用于照片且兼容性广，但不支持透明通道，透明区域需要填充为实色。WebP 支持透明度，通常可以减小下载体积；AVIF 对照片的压缩效率较高，但编码可能耗时更长。
比较导出文件时，请保持相同的像素尺寸。例如，先将一张宽 4000 像素的照片缩小到网页实际显示的宽度，再比较 JPG 和 WebP。以正常显示大小检查人脸、小字和高对比边缘。请保留原图：将低质量 JPG 转为 PNG 无法恢复先前压缩丢失的细节。
比较可选方案
| 格式 | 适合用途 | 需要注意 |
|---|---|---|
| JPG | 照片及广泛的格式兼容 | 不支持透明度；反复有损导出可能丢失细节 |
| PNG | 截图、细小文字和透明图形 | 边缘清晰，但照片文件可能较大 |
| WebP | 有透明度或无透明度的网页图片 | 比较画质，并确认目标平台支持 WebP |
| AVIF | 需要减小体积的照片 | 检查细节，并预留编码时间 |
实际示例
如果一张 4000 × 3000 的照片要以 1200 像素宽显示，请先将副本缩小为 1200 × 900。将同一副本分别导出为 JPG 和 WebP，再比较字节大小和可见细节。保留原图，避免反复压缩已经导出的文件。只有目标平台接受 AVIF 时，才选择该格式。
发布或上传前的检查清单
- 检查目标平台接受的格式、像素尺寸及字节大小上限。
- 需要透明通道时选择 PNG 或支持透明度的 WebP；JPG 需要实色背景。
- 以预期显示尺寸检查下载结果。格式转换工具支持 SVG 输入，但不提供将位图描摹为 SVG 的功能。