格式选择指南
JPG、PNG 还是 WebP:先判断图片需要保留什么
文件最小不代表最适合。先明确图片是照片、透明素材、软件截图、工作源文件还是网页交付版本,再决定画质、透明度、兼容性和体积之间的取舍。
先看结论
- JPG:适合照片和渐变,在不需要透明背景时兼容范围广、体积容易控制。
- PNG:适合透明图、界面截图、图表和需要清晰硬边缘的素材。
- WebP:适合现代网页交付,既能压缩照片,也能保留透明区域。
核心取舍对照
| 判断项 | JPG | PNG | WebP |
|---|---|---|---|
| 最适合 | 照片、复杂渐变 | 透明图、文字、界面、图表 | 网页照片与透明网页素材 |
| 压缩方式 | 有损 | 无损 | 可有损或无损,取决于编码设置 |
| 透明背景 | 不支持 | 支持 | 支持 |
| 反复编辑 | 反复有损导出会继续劣化 | 像素稳定,但文件可能很大 | 取决于有损或无损设置 |
| 兼容范围 | 很广 | 很广 | 现代浏览器和多数新应用支持良好 |
照片通常选 JPG,但不要把所有图片都转成 JPG
相机照片包含连续色调和大量细小颜色变化,JPG 会舍弃正常观看距离下不容易察觉的信息,因此适合商品照片、旅行照片、博客配图和邮件附件。
它的弱点出现在高反差边缘:小字、一像素细线、Logo 和软件截图更容易出现光晕或块状痕迹。JPG 也不能保存透明像素,透明 Logo 转成 JPG 时必须用某种实色填充背景。
建议保留一份高质量源文件。每次把 JPG 再次有损导出,都会叠加一次损失。交付前先按实际展示尺寸缩小,再调质量,并在 100% 缩放下检查人脸、文字和边缘。
透明、文字和精确边缘优先选 PNG
PNG 使用无损压缩,适合界面截图、图表、线稿、二维码和透明背景素材。纯色区域和重复像素往往压缩得不错,但复杂照片通常会比 JPG 或 WebP 大很多。
PNG 适合作为中间编辑文件,因为不会再增加一代有损压缩。但它不是所有场景下都“更高质量”:把手机全尺寸照片转成 PNG,往往只增加体积,并不会产生原图没有的细节。
隐私截图即使导出为清晰 PNG,画面里仍可见的信息也会完整保留。必须先裁剪或不透明遮挡,再重新打开下载成品检查。
WebP 更适合现代网页交付
WebP 可以高效保存照片,也能保留透明背景,适合网站统一交付图片。不过最终目的地仍然重要:旧桌面软件、印刷服务或上传表单可能只接收 JPG/PNG。
不要只因为 WebP 更小就把整个原始图库批量替换。保留编辑软件和备份系统都能稳定识别的源文件,另外生成 WebP 交付副本。目标平台不接受 WebP 时,尽量从质量最好的源文件转换,而不是反复转换已压缩副本。
不要只看扩展名,也不要迷信一次转换
把文件名从 .png 改成 .jpg 并不会真正转换像素编码,接收软件仍可能报错。可靠的转换应该解码源文件,再使用目标格式重新编码,并在下载后核对文件类型、尺寸和透明区域。
格式转换也不会自动提升清晰度。小尺寸、模糊或已经严重压缩的图片转成 PNG,只是把现有像素无损保存,并不会恢复缺失细节;把 PNG 截图转成低质量 JPG,反而可能让文字变糊。需要变小文件时,应分别判断“尺寸是否过大”和“编码质量是否过高”,而不是只换后缀。
同一张图片可保留不同角色的文件:原始素材用于归档,PNG 或编辑工程用于继续修改,JPG/WebP 用于交付。清晰命名并把源文件与交付副本分开,可以避免后续把压缩副本误当成原图。
常见场景
电商商品照片
按平台实际所需宽度缩放,导出 JPG 或 WebP,重点检查产品边缘和小标签。
透明 Logo
需要最大兼容性时用 PNG;现代网站可用 WebP,并在深浅背景上检查边缘。
软件界面截图
文字需要清晰时优先 PNG;截图里照片占比很高且体积过大时,再比较高质量 WebP。
后续还要编辑的文件
保留原始文件或无损工作副本,另做压缩交付版,不要覆盖源文件。
导出前检查清单
- 确认目标平台接受该格式。
- 先设置实际展示或印刷所需的像素尺寸。
- 只有目标场景需要时才保留透明背景。
- 在 100% 缩放下检查文字、人脸、渐变和高反差边缘。
- 重新打开下载文件,确认格式、尺寸和透明区域。
- 在收件人或平台确认之前,单独保留源文件。
如果文件用于网站,还应在真实页面中分别检查桌面和手机显示,并确认浏览器没有因为 CSS 拉伸图片。实际页面效果比编辑器里的孤立预览更重要。