同一张 800×800 的商品图,存成 PNG 可能 1.2MB,存成 JPG 只有 180KB,存成 WebP 甚至只要 90KB。格式选错,页面加载速度会被拖垮一半。
一、三种格式的本质区别
- JPG(JPEG):有损压缩,丢弃人眼不敏感的高频细节。不支持透明,照片类首选。
- PNG:无损压缩,支持透明通道(Alpha)。适合图标、Logo、截图、带文字的图。
- WebP:Google 推出的格式,同时支持有损/无损/透明/动画,同画质下体积通常比 JPG 小 25%~35%。
二、一张表看清怎么选
- 照片、风景、人像 → JPG,质量 80~85 足够。
- Logo、图标、需要透明背景 → PNG,或 WebP(兼容性允许时)。
- 网页正文配图、移动端优先 → WebP,体积最小。
- 需要打印交付、对方系统老旧 → JPG 最稳妥。
三、常见误区
误区一:PNG 一定比 JPG 清晰。PNG 是无损,但截图转 PNG 常常是「大而无当」——一张 1080P 截图存 PNG 有 2MB,转成质量 90 的 JPG 只有 300KB,屏幕上几乎看不出差别。
误区二:WebP 兼容性差。2026 年主流浏览器(Chrome、Edge、Firefox、Safari 14+)都支持 WebP,国内老版本 App 内置浏览器可能例外,交付给第三方时优先 JPG/PNG。
误区三:改后缀名就能换格式。把 .png 改名成 .jpg 只是改了文件名,文件编码没变,某些系统会直接打不开。要用工具真正转码,比如 图片格式转换。
四、转换时要注意的两件事
- 透明背景:PNG 转 JPG 时透明区域会变黑或变白,转换工具通常提供填充色选项,白色是最安全的选择。
- 元数据:相机照片里带 GPS 定位和机型信息,转码时勾选清除元数据可以保护隐私。