首页 / 教程 / PNG 还是 JPG

该用 PNG 还是 JPG?按内容类型选的判断表

一句话:照片用 JPG,文字和图形用 PNG,网页素材用 WebP,需要透明就用 PNG 或 WebP——JPG 永远不行。

内容类型推荐格式原因
照片、人像、风景JPG连续色调,有损压缩效率最高,体积小
文字截图、表格、文档PNG 或 WebP无损,文字边缘锐利;JPG 会让字发彩
图标、线稿、纯色块SVG,其次 PNG无损、边缘干净,SVG 还能任意缩放
需要透明背景PNG 或 WebPJPG 没有透明通道
网页配图WebP同画质下比 JPG 再小约 25%
系统只收 .jpgJPG别纠结,先满足要求

为什么 JPG 上的文字会发彩

JPG 默认用 4:2:0 色度子采样:亮度信息保留完整,色度信息的分辨率减半。 照片上看不出来,但黑字白底的边界处,色度被抹平后就会出现红绿蓝的彩色杂点,也就是常说的「彩边」。 截图、表格、代码片段这类内容存 JPG,放大看尤其明显。

体积差距有多大

以一张 1080×1080 的纯色图标为例(量级参考):

  • PNG:100–150KB,边缘完美
  • JPG(白底,质量 0.85):30–50KB,边缘有轻微彩边
  • WebP(无损或高质量):20–40KB,边缘干净

所以「又要小又要清楚」的需求,答案是 WebP,不是 JPG。

反过来说:把照片存成 PNG 不会更清晰,只会更大。PNG 的无损只是「不再丢细节」, 不会恢复已经不存在的信息。照片转 PNG,体积涨 3–5 倍,画质一点没变好。

一个容易被忽略的点

格式转换不等于「另存为改扩展名」。改后缀只是改文件名,文件内容还是原格式, 有些系统会直接拒收,或者上传后显示异常。真正的转换必须重新编码。

在格式转换工具里,选目标格式即可; 转 JPG 时可以指定透明区域的填充色(默认白),避免出现黑底。

广告位

换一个更合适的格式

PNG / JPG / WebP 互转 · 可指定填充底色