JPG、PNG、WebP 怎么选？

一句话：照片用 JPG 或 WebP，图形和透明背景用 PNG 或 WebP。改用 WebP 之前，先确认你要上传的地方接受它。

JPG（也写作 JPEG）通过舍弃肉眼很少注意到的细节，把照片存得很紧凑。几乎所有网站、应用、邮件服务和电商平台都接受它，拿不准的时候选它最稳妥。

它的弱点是锐利的边缘和大块纯色。文字、线条图和截图会出现模糊的毛边，而且 JPG 不支持透明背景。JPG 每编辑保存一次都会再损失一点，所以要保留原图，每次从原图导出。

想在不改格式的前提下缩小 JPG，用图片压缩；想试试 WebP，用JPG 转 WebP。

PNG 是无损格式：每个像素都原样保留。所以它适合标志、图标、界面截图和任何带文字的图片，并且完整支持透明背景，包括柔和的边缘和阴影。

代价是体积。照片存成 PNG，通常比一张质量不错的 JPG 大好几倍。根据 HTTP Archive 的《2024 Web Almanac》，网页上 PNG 图片的中位数是每像素 3.8 比特，JPG 是 2.0，WebP 是 1.3。

如果 PNG 里是照片，就换个格式；如果是图形，就按 PNG 压缩，或者试试PNG 转 WebP，透明背景会保留下来。

WebP 是 Google 为网页设计的格式，两种方式都能用：像 JPG 一样有损，或像 PNG 一样无损，两种方式都支持透明背景。Google 公布的数据是：无损 WebP 比 PNG 小 26%，有损 WebP 比同等画质的 JPG 小 25–34%。

目前所有主流浏览器都能显示 WebP，约占正在使用的浏览器的 97%，Safari 从 14 版开始支持。问题出在浏览器之外：有些平台仍然不接受上传 WebP，比如 Amazon、Etsy 和 Mailchimp，都只列出了 JPG 和 PNG，没有 WebP。

转换也不一定划算。简单的标志或颜色很少的截图，存成 PNG 反而可能更小。转换后比较两个文件，留下更小的那个。

1. 01图片需要透明背景吗？用 PNG；平台接受的话也可以用 WebP。
2. 02是照片或写实图片吗？用 JPG；放在自己的网站上可以用 WebP。
3. 03是截图、图表、标志或文字吗？用 PNG，再试试 WebP，比较两个文件。
4. 04要上传到哪里？先确认平台接受这种格式；不接受就继续用 JPG 或 PNG。
5. 05无论最终是什么格式，都压缩一下。

各平台具体的尺寸和大小限制，请看邮件与电商平台的图片尺寸要求。

AVIF 是更新的格式，文件可能更小，但生成速度更慢，支持它的工具和平台也更少。它在网页上仍然少见：根据《2025 Web Almanac》，LCP 图片中 AVIF 只占 0.7%，WebP 占 11%，PNG 占 26%，JPG 占 57%。对今天的大多数网站来说，JPG、PNG 和 WebP 已经够用。

• 为了画质把照片存成 PNG。 PNG 只能保留已有的细节，加不了新的细节，文件却会大好几倍。
• 把 JPG 转成 PNG 来修复模糊的边缘。 损失已经发生在 JPG 里了，应该回到原图重新导出。
• 不检查就全部换成 WebP。 你的网站也许欢迎它，网店平台或邮件工具却可能拒收。
• 选好格式就停手。 格式只是起点，压缩最终的文件才能把体积真正降下来。

下一篇：网站图片怎么压缩，一步步讲清楚。