PNG（便携式网络图形）是一种无损图像格式，能精确保留每个像素。它支持透明背景，是Logo、 图标和UI元素的首选格式。缺点：对于照片，PNG文件比JPEG大得多，且在所有用途上都比WebP大。 本指南解释PNG是什么、何时使用它，以及何时切换到更小的格式。
PNG的含义
PNG创建于1995年，作为GIF的无专利替代品。名称代表Portable Network Graphics（便携式网络图形）。 主要特性：
- 无损压缩：在不丢失任何信息的情况下压缩图像数据。每个像素值都被精确保留。 打开、保存和重新保存PNG从不降低质量
- 透明度（Alpha通道）：PNG支持完整的8位Alpha通道 — 每个像素可以完全透明、 完全不透明或介于两者之间的任何不透明度。这是PNG相对于JPEG的最大优势
- RGB颜色：支持24位RGB（1670万种颜色）和32位RGBA（RGB+Alpha）。 也支持8位索引颜色（PNG-8，最多256种颜色）
- 无损 = 文件大：PNG存储所有像素数据，这意味着照片文件比同等85%质量的 JPEG大5~20倍
PNG vs JPEG vs WebP — 各自何时使用
- PNG：Logo、图标、截图、UI原型、带文字的图形、需要透明度的图像。 需要无损质量或透明度时使用
- JPEG：无透明度的照片和复杂图像。照片比PNG小5~10倍。不支持透明度
- WebP：最适合网页 — 照片比JPEG小25~35%，像PNG一样支持透明度但文件 更小。所有现代浏览器支持。使用PNG转WebP工具进行转换
- AVIF：比WebP更小（比JPEG小30~50%），支持透明度。2025年以后网页 图片的最佳选择。PNG转AVIF
文件大小对比
对于典型的1920×1080照片：
- PNG：2~6 MB（无损）
- 85%质量JPEG：200~500 KB（小4~15倍）
- 80%质量WebP：150~350 KB（小6~20倍）
- 80%质量AVIF：80~200 KB（小10~40倍）
对于带透明度的512×512 Logo/图标：
- PNG：20~150 KB（无损，透明度保留）
- WebP：10~80 KB（更小，透明度保留）
- JPEG：不可用 — 不支持透明度
PNG-8、PNG-24和PNG-32解释
- PNG-8：8位索引颜色 — 最多256种颜色，支持二值透明（完全透明或完全不透明）。 适合简单图标和网页图形。文件非常小
- PNG-24：24位RGB — 1670万种颜色，无透明度。比PNG-8大，但对照片和 复杂图形具有完全色彩保真度
- PNG-32：32位RGBA — 1670万种颜色+完整Alpha透明度。需要平滑透明边缘 （抗锯齿透明度）的Logo和UI资产最常用的PNG类型
PNG压缩工作原理
PNG使用两步无损压缩过程：
- 过滤：每行像素用五种过滤器之一处理（None、Sub、Up、Average、Paeth）， 基于相邻像素预测像素值。这使模式更易压缩
- Deflate压缩：过滤后的数据使用deflate算法（与ZIP和gzip相同）压缩。 找到重复模式并用更短的引用替换
由于是无损的，PNG压缩通过找到重复模式来节省空间 — 它不能通过降低质量来减小文件大小。 具有数百万个略有不同像素颜色的照片在PNG中压缩效果较差。具有大面积纯色区域的简单图形 压缩效果非常好。
何时将PNG转换为其他格式
- 为了网页性能：将PNG照片转换为WebP或AVIF以减少加载时间。PNG转WebP通常在视觉差异可忽略的情况下 将照片大小减少70~85%
- 网页上的Logo：将PNG Logo转换为WebP — 保持透明度的同时文件大小 减少50~70%
- 电子邮件附件：将PNG照片转换为JPEG用于邮件 — 无论邮件客户端如何， 大多数收件人都能打开的小文件
- 打印：保留PNG或转换为TIFF — 两者都是无损的，可为打印保留完整质量
压缩PNG文件
使用无损PNG优化（pngcrush、oxipng）可以在不转换为有损格式的情况下减小PNG文件大小。 这会在不改变任何像素值的情况下更高效地重新压缩PNG — 通常比默认保存的PNG小10~30%。
为了更大的节省，使用图片压缩工具转换为更高效的格式。 或使用有损PNG压缩（pngquant）将PNG-32缩减为PNG-8 — 对简单图形有效，但可能在复杂 渐变中出现色带。