JPG、PNG、WebP 和 AVIF：图片格式应该怎么选？
比较 JPG、PNG、WebP 和 AVIF 的体积、画质、透明背景与兼容性，了解格式转换、压缩和调整尺寸的区别，以及浏览器本地转换后的检查要点。
图片格式转换看起来只是换一个文件后缀，实际上影响的是文件体积、透明背景、画面细节，以及接收方能否正常打开。
选择格式时，不必先判断哪一种“更先进”。更有用的顺序是：确认图片交给谁、是否需要透明背景，再决定能接受多少画质变化。
四种格式，各自适合什么
| 格式 | 主要特点 | 适合的用途 | 需要注意 |
|---|---|---|---|
| JPG | 兼容性广，适合照片 | 照片交付、文档配图、平台上传 | 不支持透明背景，有损编码可能影响细节 |
| PNG | 支持透明背景和无损压缩 | 标志、界面截图、文字图、透明素材 | 保存复杂照片时，文件可能较大 |
| WebP | 支持透明背景、有损和无损压缩 | 网站配图、透明图片、轻量素材 | 仍需确认接收平台或软件支持 |
| AVIF | 压缩效率较高，支持透明背景 | 对体积有要求的网页图片 | 编码、导出和接收端支持需要分别确认 |
这张表可以作为起点，但不能代替实际比较。同一张图片在不同格式、质量设置下，结果可能差别很大。
照片优先考虑兼容性，透明素材先确认背景
如果接收方没有明确要求，JPG 通常是照片交付的稳妥选择。它能保存丰富的色彩和连续色调，也容易被常见软件识别。
但 JPG 不支持透明背景。透明 PNG 转成 JPG 时，透明区域必须填成某种颜色。对于标志、抠图结果和需要叠加到不同背景上的素材，这不是一个可以忽略的变化。
需要保留透明背景时，可以考虑 PNG 或接收端支持的 WebP、AVIF。转换完成后，最好把图片放到浅色和深色背景上各看一次，检查边缘有没有明显的色边。
DocCrunch 图片格式转换提供 JPG、PNG、WebP 和 AVIF 输出选项，输出 JPG 时还可以设置背景填充色。选择前先确认用途，比转换后再补救更直接。
无损格式不会恢复已经丢失的细节
PNG 支持无损压缩，但把一张模糊的 JPG 转成 PNG，并不会让它重新清晰。
“无损”描述的是编码时如何保存已有的图像信息，不代表能够找回此前丢失的内容。如果原图已经出现压缩块、模糊边缘或文字失真，换成 PNG 通常只会保留这些现状，有时还会增加文件体积。
同样，把 JPG 反复转存为 JPG，也可能积累新的压缩损失。需要多次处理时，保留原始文件，并尽量从原始文件生成最终版本，比在多个压缩副本之间继续转换更可靠。
文件太大，不一定需要换格式
图片的文件体积和像素尺寸是两个不同的问题。
一张 4000×3000 像素的照片，即使转换成另一种格式，仍然是 4000×3000 像素。如果目标平台要求固定宽高，仅仅转换格式并不能满足要求。
处理前可以先区分：
这些操作可以组合，但没有必要每次全部执行。减少不必要的转换，也能减少重复检查。
WebP 和 AVIF 值得比较，但不必强行使用
对于网站图片，WebP 和 AVIF 是值得测试的输出格式。它们可能以更小的文件保留足够的视觉质量，但具体收益取决于图片内容和编码设置。
比较时，应保持相同的像素尺寸，并检查最终文件，而不是只比较质量滑块上的数字。不同格式里的“80% 质量”并不代表相同的画质。
建议重点观察几处容易暴露问题的位置：小字、产品轮廓、天空等渐变区域，以及透明素材的边缘。如果文件明显变小，但重要细节已经受损，就需要提高质量或换回其他格式。
还要区分“浏览器能显示”和“浏览器能导出”。某个浏览器能够打开 AVIF 图片，不代表它一定支持将图片编码为 AVIF。DocCrunch 的格式转换依赖浏览器的编码能力；遇到不支持的提示，应选择可用格式，并确认接收端同样兼容。
本地转换后，仍然需要检查结果
DocCrunch 在浏览器本地完成图片格式转换，原图不需要上传到处理服务器。对于尚未公开的素材或客户文件，这可以减少一次文件传输。
不过，本地处理并不等于输出一定符合所有用途。用于印刷、专业色彩管理或长期保存的图片，还需要检查相应要求；涉及 RAW 或复杂编辑信息时，应使用适合这些文件的专业工具。
普通图片交付可以从一个简单原则开始：保留原图，按接收要求生成副本，下载后确认格式、尺寸、体积和透明背景。
合适的格式不一定是最小的那一个，而是接收方能够使用、关键细节仍然完整的那一个。
推荐 DocCrunch 工具
以下工具均可在浏览器本地处理，无需上传服务器。