如何选择 JPG、PNG 和 WebP
JPG、PNG 和 WebP 都能显示同一张图,但在体积、画质和透明支持上的取舍不同。更有用的问题不是「哪个格式最好」,而是你的图片由什么构成、要发布到哪里。
先看图片的内容
连续色调的照片——人像、风景、商品图——用 JPG 表现很好,因为相邻像素接近,轻微失真不容易被察觉。
单色图形、截图、示意图和文字则相反。锐利边缘会变成肉眼可见的模糊,字母和线条周围尤其明显,所以截图存成 JPG 往往既比原图难看,又比必要的体积更大。
- 照片:JPG 或 WebP
- 截图、界面稿、示意图、文字:PNG,发布平台接受时也可用 WebP
- 需要像素完全不变的图:PNG
有些情况由透明决定
JPG 完全不支持透明。带镂空背景的 logo 只能存成 PNG 或 WebP,或者先压平到某个纯色上——这正是转换工具在导出 JPG 时询问背景色的原因。
如果平台只收 JPG,而你手上是透明素材,就选一个和最终页面背景一致的颜色。习惯性地选白色,正是 logo 在彩色背景上出现一块浅色矩形的原因。
关于体积,说实话
对照片而言,中等质量的 JPG 通常远小于 PNG,WebP 在观感相近时往往还能更小一些,但具体省多少完全取决于图片本身:颗粒多、细节密的照片比平滑的照片更难压。
对单色图形,顺序会反过来:PNG 常常是体积最小的无损选择,JPG 可能既更大又明显更差。
所以「哪个格式更小」离开具体图片就没有答案。用同一张原图导出两种格式,比较工具给出的体积和预览效果再决定。
兼容性是最后的决定因素
JPG 和 PNG 到哪里都被接受。WebP 已被当前主流浏览器支持,但一些较老的桌面软件、印刷服务和部分上传表单仍然会直接拒绝它。
在把整个图库转成 WebP 之前,先确认发布平台的格式要求。事后转回来总要再损失一次画质。
一份简短清单
- 网站用图:照片选 JPG,能确定访问环境时可选 WebP
- 截图、示意图、文字:PNG
- 需要保留透明:PNG,不要用 JPG
- 平台只收 JPG:转换时认真挑一个背景色
- 混合批次:一次处理完,发布前用处理前后预览逐个确认