PNG 是一种采用无损数据压缩的位图图像格式和视频编解码器。PNG 和可用的位格式，为什么 Photoshop 和 Fireworks 似乎提供不同的选项，PNG-8、PNG-24、PNG-32，哪种格式最适合使用？

什么是PNG？

维基百科的定义：
PNG 是一种采用无损数据压缩的位图图像格式和视频编解码器。创建 PNG 是为了改进和取代 GIF（图形交换格式）作为不需要专利许可的图像文件格式。

既然我们已经有了 PNG 的一般定义，让我们尝试了解各种类型。(8, 24, 32, FW)

这是我创建的一个 PNG 类型矩阵，以帮助澄清和演示视觉差异。
我在一些测试中使用了令人讨厌的红色作为背景和/或哑光色。

PNG- 8

8 代表 8 位。它可以处理多达 256 种颜色，类似于 GIF，并使用无损压缩方法。您将收到类似于 GIF 的低文件大小，比其他位图格式（如 JPG）小约 10-30%。

它还将支持背景索引和 alpha 透明度和遮罩。

PNG-8 适用于小图形、艺术线条、徽标，但可能不适用于带有渐变或照片的复杂图形。您可以在我的矩阵中看到，所有 PNG-8 的渐变都有条带。您可以在矩阵中看到 PNG-8 图像上的条带。

使用 PNG-8 索引透明度，您可以看到您将获得锯齿状的锯齿状圆角边缘，但如果您选择哑光颜色，则哑光颜色将变为锯齿状，并将与您将应用此图形的真实背景融为一体。会显得光滑。

PNG-24

PNG 24 与 8 类似，但支持 1600 万种颜色，将更好地保留颜色变化（如渐变）并有助于防止“条带”。它确实使用与 PNG-8 相同的无损压缩，但由于与 PNG-8 相比，将保留的信息量更大，因此您将获得更大的文件大小。

PNG-24 非常适合用于基本图形、艺术线条、徽标等，但您将拥有不必要的更大文件大小。如果您有需要保留更多细节的更复杂的图形或照片，PNG-24 是一个不错的选择。

PNG-24 提供对背景索引透明度和遮罩的支持。

由于 PNG-24 支持索引透明度，您通常应用背景颜色的哑光颜色，您将在其上应用此图形。这将为您的图形的曲线或抗锯齿部分提供平滑透明的效果。

在 24-B 和 24-B2 中，您可以在非磨砂图像的拐角处看到它们是锯齿状。此外，您会注意到黑色，这些是在透明背景上导出的，但我没有选择哑光颜色，因此默认为黑色。

这也意味着，如果您有一个不透明度百分比为 50% 的叠加图形，它将变得完全不透明，因为索引只能处理单一级别的透明度。您将不得不使用 Alpha 透明度来实现这一点。

使用具有索引透明度的 PNG-24 的问题是，如果您打算在渐变或多色背景之上使用圆角矩形等图形，则您无法真正应用单一的哑光颜色来适当地实现效果所有情况。（如果您选择渐变的中间颜色，则可以以最小的冲突完成具有微妙渐变的背景）。

那时你必须使用 Alpha Transparency，这将需要将 PNG-24 转换为 PNG-32。或者您可以说它是基于传统定义的具有 Alpha 透明度的 PNG-24。

PNG-32

如果您主要使用 Photoshop 和 Illustrator，您可能只熟悉 PNG-8 和 PNG-24。但是，Fireworks 为 PNG-32 提供了一个选项。为什么？如果您在 PNG-24 上选择完全 alpha 透明度选项，Photoshop 和 Illustrator 会生成 PNG-32。它只是没有真正通知用户它正在创建一个 PNG-32。

大多数情况下，PNG-32 是最高质量的，但这也意味着大文件。仅在需要时使用这种格式来处理那些具有渐变、不同颜色、圆角边缘和透明度的复杂图形。

PNG-32 将支持完全的 Alpha 透明度。从技术上讲，您可以制作一个视觉上没有透明度的 PNG-32，但这有点矫枉过正，因为它仍然包含 alpha 元数据，并且您可以使用 PNG-24 获得几乎相同的质量。

Alpha 透明度与索引透明度

索引透明度提供了一个单一的索引颜色和级别是透明的。它要么开要么关。Alpha Transparency提供了多个级别的透明度，进而提供了沿曲线或抗锯齿边缘的更加平滑的混合。这也意味着您可以为图形/图像设置不同百分比的透明度，例如可以用作叠加层的图形，并且它在整个图像上具有 50% 的不透明度。

您可以在矩阵中看到，8-C2 和 32-C2 按预期显示图形，不透明度为 50%。但大多数其他格式，例如索引，将其恢复为 100% 不透明度。

Fireworks 分层 PNG

Adobe Fireworks，正式名称为 Macromedia，使用 PNG 作为其文件格式，但它是一种“分层”PNG，这意味着它的文件大小可能很大，因为它保留了 Fireworks 文件的所有原始分层信息。这不是您想要用于生产 Web 图形的内容。因此，如果您有一个异常大的 PNG，这可能就是原因所在。

注意：IE5 和 IE6 不支持 alpha 透明度（PNG-8 alpha，PNG-32 alpha），它可能会将其转换为单个索引，或者可能根本不显示。有一些PNG 修复库可以帮助这些浏览器处理此问题。（作者：PATRICK HANSEN）