PNG 压缩原理
PNG 采用基于 DEFLATE 算法(与 ZIP 相同)的无损压缩。它先对像素行做预测滤波,再压缩结果。每个像素都被完整保留 — 永远不损失画质。
PNG 优化的方式是寻找更高效的编码路径并移除多余的元数据。视觉输出与原始像素逐字节完全一致。
PNG 压缩效果
| 图片类型 | 原始 | 优化后 | 节省 |
|---|---|---|---|
| 截图(界面) | 1.8 MB | 720 KB | 60% |
| 图表/示意图 | 950 KB | 380 KB | 60% |
| 带透明背景的图标 | 85 KB | 42 KB | 51% |
| 存成 PNG 的照片 | 4.1 MB | 3.2 MB | 22% |
专业建议:存成 PNG 的照片体积会大得离谱。先把照片转成 JPG 或 WebP — 体积可缩小 80-90%。把 PNG 留给图形、截图以及需要透明背景的图片。
何时使用 PNG
- 截图 — 锐利的文字和界面元素保持清晰
- 含文字的图形 — Logo、示意图、信息图
- 需要透明背景 — 透明背景上的产品图
- 像素画 — 每个像素都重要,无压缩瑕疵
- 源文件 — 后续还要编辑的图片(无代际损耗)
何时不要用 PNG
- 照片 — 照片存成 PNG 比 JPG 大 3-5 倍,请改用 JPG 或 WebP。
- 网页性能 — 如果文件体积关键且可接受轻微画质损失,WebP 能在支持透明的同时提供更好的压缩。
- 大尺寸图片 — 一张 4000×3000 的 PNG 可能超过 10 MB,可考虑 WebP 无损(体积小 30%)。