这张表把最常见的 9 种图片格式放在一起横向比较,6 个栏目分别是:格式名称、压缩方式(有损还是无损)、能不能带透明背景、支不支持动画、体积大概处在什么量级,以及最典型的用途。选格式、转格式,或者看到一个陌生后缀不知道是什么,都可以先从这张表找答案。
先分清有损和无损
有损压缩会把画面里人眼不易察觉的细节丢掉,换来更小的体积,JPG、HEIC、AVIF 的有损模式都属于这一类;无损压缩则保证画质一比特不差,PNG、GIF、TIFF 和 WebP 的无损模式在另一边。搞不清这个前提,后面选格式就全靠猜。判断方法也简单:文件能不能还原成和原图完全一样,能的就是无损。
需不需要透明背景
要不要透明,能直接筛掉一半选项。需要透明背景(Logo、签名、抠图、图标)时选 PNG、WebP、GIF、AVIF 或 SVG;JPG 不支持透明,把透明图存成 JPG,透明区域会被填成白色。BMP 和 TIFF 虽然也能存透明通道,但体积和兼容性都不占优,日常几乎用不到。
要不要动图
要做动图,能选的是 GIF、WebP、AVIF,加上能存图像序列的 HEIC,以及用代码驱动的矢量动画 SVG。GIF 资格最老、兼容性最好,但颜色上限只有 256 色、体积还偏大;同样一段动画,WebP 和 AVIF 往往比 GIF 小得多,画质也更细腻。表情包和简单循环动图用 GIF 最稳,网页动画优先考虑 WebP。
体积差距有多大
同样一张照片,体积能从"很大"一路排到"很小":BMP 和 TIFF 动辄是 JPG 的好几倍,PNG 也不小;JPG 属于小的那一档;WebP 比 JPG 还小两三成;HEIC 约为同画质 JPG 的一半;AVIF 通常又比 WebP 更省。上传被限制体积时,先看这一列,再决定换哪个格式最划算。
网页上到底该用哪种
面向网页,首选 WebP,兼容性和体积平衡得最好;追求极致体积、且只服务新版浏览器,可以上 AVIF;必须兼容极老的环境时退回 JPG。图标和 Logo 这类线条图形,用 SVG 最划算,任意放大都不糊,体积还往往只有几十到几百字节。同一张图准备两三个版本、让浏览器按支持情况挑选,是现在的通行做法。
拍照和手机相册用哪种
iPhone 从 iOS 11 起默认用 HEIC 保存照片,同画质体积约为 JPG 的一半,但 Windows 和不少网站默认打不开,跨设备传图前最好先转成 JPG。安卓机型情况不一,有的默认 JPG,有的用 HEIC 或 AVIF,导出时留意一下后缀,就不至于把打不开的文件发给别人。
印刷和专业存档用哪种
要印刷、要长期留档,选无损且能保存完整信息的格式:TIFF 支持多页、图层和 CMYK,是印刷与出版行业的老牌选择;PNG 适合无损的网页素材。这两个格式体积大,但不适合直接放到网页上,否则加载会明显变慢。发给印厂的图,宁可大一点,也别为了省体积压成有损。
换格式会不会掉画质
记住一条:有损转无损,画质不会变好,只会让文件变大——把 JPG 转成 PNG,并不会把已经丢掉的细节找回来。无损转有损,一定会损失一点信息;无损转无损,理论上画质不变。所以"把图转清晰"是不存在的,转格式只能维持或降低画质。要更清晰,只能从源头重新拍摄或拿到原始文件。
兼容性才是真正的门槛
技术上更先进的格式,未必处处能用:部分考试报名、办证上传的入口至今只认 JPG;一些老旧系统读不了 WebP 和 AVIF;HEIC 在 Windows 上还要单独装扩展。遇到"格式不支持"的提示,最稳的做法是把图转成标准 JPG 再试,这一步能解决绝大多数上传失败。
9 种常见图片格式对比
| 格式 | 压缩方式 | 透明背景 | 支持动画 | 典型体积 | 最常见用途 |
|---|---|---|---|---|---|
| JPG | 有损压缩 | 不支持 | 不支持 | 小 | 照片、网页图片 |
| PNG | 无损压缩 | 支持 | 支持(APNG) | 较大 | 图标、截图、需透明的图 |
| WebP | 有损 / 无损均可 | 支持 | 支持 | 小 | 网页图片(比 JPG 更省流量) |
| GIF | 无损(限 256 色) | 支持(1 位) | 支持 | 小到大(视帧数) | 简单动图、表情包 |
| HEIC | 有损 / 无损均可 | 支持 | 支持(图像序列) | 小(约为 JPG 一半) | iPhone 拍照默认格式 |
| AVIF | 有损 / 无损均可 | 支持 | 支持 | 很小 | 新一代网页图片 |
| SVG | 无损(矢量描述) | 支持 | 支持(CSS/SMIL) | 很小(矢量) | 图标、Logo、矢量图形 |
| BMP | 通常不压缩 | 支持(32 位) | 不支持 | 很大 | Windows 位图、兼容旧软件 |
| TIFF | 无损(可无压缩) | 支持 | 多页支持(极少用于动画) | 很大 | 印刷、专业图像存档 |
延伸阅读:图片格式转换 · 图片压缩 · 图片尺寸调整 · 图片转 PDF · 图片加水印
参考资料
常见问题
JPG 和 PNG 该怎么选?
照片选 JPG:有损压缩、体积小、兼容性最好;需要透明背景或要求无损(Logo、截图、签名)时选 PNG,但它的体积通常比 JPG 大好几倍。
WebP 体积更小,为什么还有人坚持用 JPG?
因为兼容性。WebP 压缩更好、还支持透明和动图,但个别老旧系统、部分考试与办证上传入口仍只认 JPG/PNG。面向这类硬性要求时,输出 JPG 最稳妥。