JPG、PNG、WebP 怎么选?一张表看懂图片格式差异

同样一张图,存成 JPG、PNG、WebP 体积能差 5 倍。本文说明三种格式的压缩原理、透明支持、浏览器兼容性,并给出选型建议。

格式转换 发布人 图多多

同一张 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 定位和机型信息,转码时勾选清除元数据可以保护隐私。

常见问题

WebP 能转回 JPG 吗?

可以,用格式转换工具选 JPG 输出即可,画质建议 90 以上。

PNG 转 JPG 后透明背景变黑了?

JPG 不支持透明,需要指定填充色(白色最常见),转换时选择白底即可。

哪种格式最适合电商主图?

平台通常要求 JPG 或 PNG,实测 JPG(质量 85)在体积和清晰度之间最平衡。

用得上本文的工具