什么是 PNG？透明度、压缩原理及使用场景
关于 PNG 图片格式，你需要知道的一切
转换为 PNGPNG 是互联网上使用最广泛的图片格式之一，但很多人并不完全了解它的特别之处，也不清楚什么时候该使用它。你几乎肯定接触过 PNG 文件——无论是下载一个 logo、保存一张截图，还是处理有透明背景的图形。但 PNG 到底是什么，为什么它这么重要？
PNG 是 Portable Network Graphics（便携式网络图形）的缩写，于 1996 年作为 GIF 格式的免费开源替代方案推出。从那时起，它就成了需要清晰细节、锐利文字和透明度的图片的标准选择。从网站 logo 到应用图标再到信息图表，PNG 是设计师和开发者在不能妥协画质时的首选格式。
在这篇指南中，你将了解 PNG 与其他图片格式的区别、它的透明度和压缩是如何工作的、为什么 PNG 文件有时会比较大，以及与 JPG 和 WebP 等替代格式相比，什么时候选择 PNG 才是正确的。
PNG 是什么（以及它不是什么）
PNG 是一种光栅图像格式，也就是说它以像素网格的形式存储图像，每个像素都有自己的颜色值。这让 PNG 在展现细节丰富的图形方面表现出色，但也意味着图像质量取决于分辨率。与 SVG 等矢量格式不同，PNG 图像不能无限放大而不损失清晰度。
PNG 最核心的特征是无损压缩。当你把图像保存为 PNG 时，每一个像素都会被原样保留。不会丢弃数据、不会损失画质、不会出现压缩伪影。你可以反复打开、编辑和重新保存 PNG 文件几十次，图像依然和原始版本完全一致。这与使用有损压缩的 JPG 形成了鲜明对比——JPG 每次保存都会轻微降低画质。
PNG 还支持完整的 Alpha 透明通道，允许每个像素完全透明、完全不透明，或介于两者之间的任意半透明级别。这就是为什么 PNG 是制作 logo、图标和 UI 元素的首选格式——这些元素需要在任何背景色上都能干净地显示。
不过，PNG 并不适合用于照片。虽然它可以完美存储照片，但生成的文件大小会比 JPG 或 WebP 在相同图像上产生的大得多。PNG 擅长处理纯色、锐利边缘和文字的图形，但对于拥有数百万微妙色彩变化的复杂照片来说，其他格式更高效。
需要把图片转换为 PNG 吗？pic2PNG 可以在浏览器中即时完成，支持 JPG、WebP、GIF、BMP、TIFF、AVIF、SVG 和 ICO 输入。
PNG 透明度是怎么工作的
透明度可能是人们选择 PNG 而不是其他格式的最重要原因。了解它的工作原理可以帮助你避免常见问题，获得更好的效果。
PNG 使用 Alpha 通道来控制透明度。PNG 图像中的每个像素最多可以有四个值：红、绿、蓝和 Alpha。Alpha 值决定了该像素的透明程度，范围从 0（完全透明）到 255（完全不透明）。这使得 PNG 每个像素有 256 个透明度级别，可以实现平滑的投影、渐变淡出和抗锯齿边缘等效果，让图像在任何背景上都能完美融合。
这与 GIF 提供的简单开/关透明度有本质区别——GIF 只支持 1 位透明度。在 GIF 中，一个像素要么完全可见，要么完全不可见，这会导致曲线形状周围出现锯齿边缘。PNG 的 Alpha 通道能产生平滑、专业的效果。
常见的透明度错误
人们最常遇到的问题之一，是将透明图像保存为不支持透明度的格式。如果你把带透明背景的 PNG 转换为 JPG，透明区域会被填充为白色（有时是黑色），因为 JPG 根本没有透明度的概念。在转换之前，一定要确认输出格式支持 Alpha 通道。
另一个常见错误是以为白色背景等同于没有背景。一张白色背景的图像和一张透明背景的图像在白色网页上看起来可能完全一样，但当放在有颜色或图案的背景上时，它们的表现完全不同。如果你需要透明背景，请确保你的源图像确实有透明背景。
为什么 PNG 文件会很大
如果你曾把一张照片保存为 PNG，你可能注意到文件出乎意料地大。PNG 文件往往比对应的 JPG 或 WebP 文件更大，原因有以下几点。
无损压缩会保留所有数据。因为 PNG 从不丢弃图像数据，它无法实现像 JPG 这类有损格式那样大幅度的体积缩减。一张复杂的照片作为 JPG 可能只有 500 KB，但作为 PNG 可能达到 3 MB 甚至更多，尽管两者在人眼看来几乎没有区别。
色彩深度也有影响。PNG 支持高达 48 位色彩（外加 16 位 Alpha 通道），这远超大多数图像的需求。标准的 24 位 PNG 加上 8 位 Alpha 通道，每个像素需要存储 4 个字节。对于一张 1920 x 1080 的图像，压缩前的原始像素数据大约有 830 万字节。虽然 PNG 的 DEFLATE 压缩算法会大幅减少这个数值，但起点本身就比有损格式要大得多。
元数据也会累积。PNG 文件可以包含嵌入的元数据，如颜色配置文件、文本注释、创建时间戳，甚至缩略图预览。对于从专业编辑软件导出的图像，这些元数据可能会给文件增加几十甚至几百 KB。
好消息是，PNG 文件大小可以在不牺牲质量的前提下大幅缩减。方法包括剥离不必要的元数据、在不需要全彩时降低色彩深度，以及使用优化的压缩工具。想了解这些技术的完整教程，请阅读我们的如何缩小 PNG 文件大小指南。
什么时候该用 PNG，什么时候该用其他格式
选择正确的图片格式取决于你在处理什么类型的图片，以及它将被如何使用。下面是一个实用对比，帮助你做出决定。
| 格式 | 最适合 | 透明度 | 典型大小 |
|---|---|---|---|
| PNG | Logo、图标、截图、带文字的图形 | 支持（完整 Alpha） | 较大 |
| JPG | 照片、社交媒体图片、邮件附件 | 不支持 | 较小 |
| WebP | 网页图片、现代网站、性能优先的页面 | 支持（完整 Alpha） | 最小 |
| GIF | 简单动画、少量色彩的小图形 | 支持（仅 1 位） | 中等 |
| SVG | 可缩放图标、插图、矢量图形 | 支持 | 不定（矢量） |
选择 PNG 的场景
- 你的图像需要透明度，比如放在彩色背景上的 logo
- 你需要边缘清晰的无损画质，比如截图、图表或 UI 元素
- 图像包含文字、线条或纯色，压缩伪影会很明显
- 你在为印刷或存档准备图像，每个细节都必须保留
选择 JPG 的场景
- 你在处理照片，较小的文件大小比像素级完美画质更重要
- 图像将通过邮件、即时通讯应用或平台分享，需要最大兼容性
- 不需要透明度
选择 WebP 的场景
- 你在为网站优化图片，页面加载速度和带宽很重要
- 你需要在单一格式中同时拥有透明度和小文件体积
- 你的受众使用支持 WebP 的现代浏览器
想更深入了解这些取舍，包括真实的文件大小对比和使用场景分析，请阅读我们完整的 PNG vs JPG vs WebP 对比。
总结
对于从事图形设计、视觉设计或 Web 开发的人来说，PNG 仍然是一种必不可少的图片格式。它的无损压缩确保每个像素都被完美保留，而完整的 Alpha 透明度使其在 logo、图标、UI 元素以及需要在不同背景上干净显示的图像中不可或缺。
关键在于知道什么时候该用 PNG，什么时候其他格式更合适。PNG 适合清晰的图形、透明度以及有锐利边缘或文字的图像。对于照片这类文件大小比像素级保真更重要的场景，JPG 或 WebP 能以小得多的文件提供更好的效果。
无论你是需要将 JPG 转换为 PNG 来获得透明度，优化现有的 PNG 以缩小文件体积，还是只想搞清楚该选哪个格式，合适的工具至关重要。pic2PNG 让你在浏览器中即时将任何图片转换为 PNG 格式——无需上传、无需注册、文件大小不会出乎意料。现在就试试，看看图片转换可以多简单。