PNG 压缩:靠减颜色数,不是靠调质量

很多人第一次压 PNG 时会找不到「质量」滑块,以为工具坏了。其实 PNG 是无损格式,压根没有质量参数——它的体积由颜色数、像素量和编码效率决定。这一页讲的是截图和图标该怎么压才能既小又干净。

也可以把图片直接拖到这一块 · 图片不上传,处理在本机完成

为什么 PNG 没有质量滑块

JPEG 用的是有损压缩,你可以通过质量参数决定「丢掉多少细节换体积」。PNG 是无损格式,它保证像素级完全还原,所以没有这个旋钮。

那 PNG 靠什么变小?靠把颜色数降下来。常见的 PNG 是 24 位真彩色,能表示一千六百多万种颜色;而绝大多数截图、图标、界面素材实际用到的颜色远没有这么多。把颜色数降到 256 色以内,图片从真彩色变成索引色,每个像素只需要一个字节甚至更少来记录,体积自然就下来了。这个操作在视觉上通常察觉不到,因为被合并掉的是人眼分辨不出的相近颜色。

24 位真彩色:每像素 3 字节,能表示约 1677 万种颜色
8 位索引色:每像素 1 字节,最多 256 种颜色
更低的颜色数:每像素不足 1 字节,适合扁平化图标

颜色数该设多少

颜色数不是越小越好,而是够用就好。判断方法很直接:看这张图里有没有渐变、有没有照片内容、有没有抗锯齿的文字边缘。

按内容类型选择颜色数
图片类型	建议颜色数	说明
纯色扁平图标	8–32	这类图本来就没几种颜色,再低也不会有明显损失
界面截图、表格截图	64–128	文字边缘有抗锯齿,颜色数太低会出现毛边和彩点
含渐变、阴影的界面稿	128–256	渐变需要足够多的色阶过渡,否则会出现明显色带
插画、扁平风海报	128–256	大面积色块加少量过渡,中等颜色数即可
照片、复杂纹理	不建议用 PNG	转到 JPEG 或 WebP 才能得到合理体积

抖动开关什么时候开

减少颜色数之后,渐变区域容易出现一圈一圈的色带,这是颜色不够用的必然结果。抖动的作用是在相邻像素之间混入细微的噪点,用眼睛的融合效应模拟出中间色,把色带打散。

代价是噪点会略微增加体积,而且放大看会显得脏。经验做法是:纯色图标和文字截图不开抖动,开了反而让边缘毛糙;含渐变、阴影、照片残留的图片可以开,色带比噪点更显眼。

开抖动:色带消失,但放大后能看到噪点,体积略增
关抖动:画面干净锐利,但渐变处可能出现明显分层
极端压缩模式会花更多时间尝试更小的编码方案,适合最终交付前跑一遍

透明背景会被保住吗

会。PNG 的透明通道和颜色数是两套独立的机制,降低颜色数不会让透明区域变成白底或黑底。需要留意的是透明边缘:一个带羽化的半透明边缘,在颜色数被压得很低时容易出现锯齿,因为半透明的过渡像素本身就需要更多色阶来表达。

如果你的图片没有透明需求,那就不该用 PNG。这是最常见的错误用法——把一张照片存成 PNG,体积是 JPEG 的五到十倍,画质反而没有提升。

要透明:用 PNG,降低颜色数时把数值留在 128 以上以保住羽化边缘
不要透明:优先 JPEG 或 WebP,体积差距可能达到十倍
既要透明又要小体积:输出 WebP,它同时支持透明和有损压缩

该压到什么程度才算合适

判断 PNG 有没有压坏,不能靠看整体,要放大到 100% 看三个位置:文字边缘有没有出现彩色噪点、渐变区域有没有分层、细线条有没有被吃掉。这三个位置是颜色数不足最先暴露的地方。

压缩页面里可以拖动对比滑块逐像素检查。如果只想快速判断,把颜色数从 256 往下降,每降一档看一眼文字边缘,出现毛边的那一档再往上调回去一档,基本就是这张图的合理下界。

常见问题

PNG 压缩后画质会变差吗?

取决于颜色数。256 色以内对大多数截图和图标是视觉无损的;继续往下降会出现文字毛边、渐变分层和细线断裂。它不属于有损压缩的模糊,而是颜色不足导致的色阶缺失,表现是彩点和色带,不是整体变糊。

PNG 压缩后还能保持透明背景吗?

能。透明通道和颜色数是独立设置的,压缩不会把透明区域填成白底或黑底。但半透明羽化边缘在颜色数压得过低时会出现锯齿,建议把颜色数保留在 128 以上。

截图应该压缩到多少种颜色?

普通界面或表格截图用 64 到 128 色通常足够,体积能降到原来的三到五成且文字边缘仍干净。如果截图里有渐变、阴影或半透明蒙层,建议提到 128 到 256 色,否则渐变色带会比体积节省更显眼。

照片存成 PNG 再压缩有用吗?

基本没有意义。PNG 的压缩手段是减少颜色数,而照片本身颜色极其丰富,强行降到几百色会出现严重的色块和噪点,画质远不如直接输出 JPEG。照片应该走 JPEG 或 WebP 的路线。