保留透明背景的同时减小 PNG 文件大小

PNG 是无损格式,非常适合徽标、图标、截图以及需要透明背景的图片。但正是这种无损特性,让 PNG 文件可能大得惊人——尤其是照片。下面看看如何在不毁图的前提下把体积降下来。

PNG 为什么这么大

因为 PNG 精确保留每个像素,它不能像 JPEG 或 WebP 那样丢弃细节。对颜色少的扁平图形这很高效,但对有数百万微妙色彩变化的照片,PNG 可能比有损格式大好几倍。

如果你的 PNG 其实是照片,那几乎一定选错了格式。转成 WebP 或 JPEG 体积会大幅下降。只有需要锐利边缘或透明背景时才保留 PNG。

工具可以在不改动任何像素的情况下,更高效地重新打包 PNG 数据并去掉多余的元数据。这是安全的,值得对要保留为 PNG 的图形都做一遍。

无损 WebP 保留全部画质和透明度,但通常比 PNG 更小。对现代网站来说,这常常是两全其美:边缘锐利、有 Alpha 通道、文件更小。

关键规则:只转换到支持 Alpha 通道的格式——PNG 和 WebP 都支持,JPEG 不支持。把透明图片转成 JPEG,透明区域会变成实色背景。所以徽标和图标请坚持用 PNG 或 WebP。

图形:保留 PNG 或换成无损 WebP,并跑一遍优化。存成 PNG 的照片:转成 WebP 或 AVIF。在 Scrunch 里拖入 PNG、选择 WebP,下载前还能和原图对比——全程在浏览器内。

能。WebP 支持 Alpha 通道,透明背景会原样保留。相反,转成 JPEG 会把透明区域填成实色,所以透明图片务必用 PNG 或 WebP。

徽标、图标这类边缘锐利的图形,选无损 WebP 稳妥。接近照片的图像,有损 WebP 要小得多。按图像性质选择即可。

无损优化在不改像素的情况下去除冗余数据和元数据,通常能省百分之几到几十。想要更大幅度的缩减,把格式换成 WebP 更有效。

文字和界面锐利的截图适合无损 PNG 或无损 WebP。但如果截图里照片内容很多,有损 WebP 可能小得多且足够清晰——两种都试试再比较。