69

我想知道 png 文件的用途。png 图像有两种格式；一个是png8，另一个是png24。

我想知道，如果我在我的html页面中使用任何一种类型，会不会有任何错误？还是这只是质量问题？

4

6 回答 6

74

只有一种 PNG 格式，但它支持5 种颜色类型。

PNG-8 是指调色板变体，仅支持 256 种颜色，但通常尺寸较小。PNG-8 可以替代 GIF。

PNG-24 是指真彩色变体，它支持更多颜色，但可能更大。如果需要无损图像格式，可以使用 PNG-24 代替 JPEG。

任何现代网络浏览器都将支持这两种变体。

于 2014-03-28T08:05:38.130 回答
24

从网页设计师指南到 PNG 图像格式

PNG-8 和 PNG-24

有两种 PNG 格式：PNG-8 和 PNG-24。这些数字是“8 位 PNG”或“24 位 PNG”的简写。不要过多涉及技术细节——因为作为网页设计师，你可能不在乎——8 位 PNG 意味着图像是每像素 8 位，而 24 位 PNG 意味着每像素 24 位。

用简单的英语总结一下差异：假设 PNG-24 可以处理更多颜色，并且适用于具有大量颜色的复杂图像，例如照片（就像 JPEG），而 PNG-8 更适合具有简单的颜色，例如徽标和图标和按钮等用户界面元素。

另一个区别是 PNG-24 原生支持 alpha 透明度，这对于透明背景很有用。这种差异并非 100% 正确，因为 Adob​​e 产品的 Save for Web 命令允许 PNG-8 具有 alpha 透明度。

于 2014-03-28T07:59:08.737 回答
14

你问了两个问题，一个在标题中关于PNG8和PNG24的区别，已经收到了几个答案，即PNG24有8位红绿蓝通道，PNG-8只有一个8位索引到调色板。自然，PNG24 的文件大小通常比 PNG8 大。此外，PNG8 通常意味着它是不透明的或只有二进制透明度（如 GIF）；它是在 ImageMagick/GraphicsMagick 中定义的。

这是对另一个问题的回答，“我想知道，如果我在我的 html 页面中使用任何一种类型，会不会有任何错误？或者这只是质量问题？”

您可以将任一类型放在 HTML 页面上，不，这不会导致错误；这些文件都应以“.png”扩展名命名，并在您的 HTML 中以这种方式引用。多年前，早期版本的 Internet Explorer 无法正确处理带有 alpha 通道 (PNG32) 的 PNG 或带有半透明像素的索引颜色 PNG，因此将这些图像转换为 PNG8（通过 PNG 传输的具有二进制透明度的索引颜色）非常有用tRNS 块）——但仍使用 .png 扩展名，以确保它们能在 IE 上正确显示。我认为 PNG24 在 Internet Explorer 上总是可以的，因为 PNG24 要么是不透明的，要么具有通过 PNG tRNS 块传送的类似 GIF 的单色透明度。

PNG 规范中没有提到 PNG8 和 PNG24 的名称，只是将它们统称为“PNG”。其他人发明的其他名称包括

  • PNG8 或 PNG-8（带有 8 位样本的索引颜色，通常表示不透明或类似 GIF 的二进制透明，但有时包括半透明）
  • PNG24 或 PNG-24（带有 8 位样本的 RGB，可能通过 tRNS 具有类似 GIF 的透明度）
  • PNG32（带有 8 位样本的 RGBA，不透明、透明或半透明）
  • PNG48（与 PNG24 类似，但具有 16 位 R、G、B 样本）
  • PNG64（类似于 PNG32，但具有 16 位 R、G、B、A 样本）

还有更多可能的组合，包括具有 1、2、4、8 或 16 位样本的灰度和具有 1、2 或 4 位样本（以及任何具有透明或半透明像素的那些）的索引 PNG，但那些不没有特殊的名字。

于 2014-03-28T18:00:30.557 回答
6

基本区别：一个 8 位 PNG 包含一个最大值。256 种颜色。PNG-24 是一种无损格式，最多可包含 1600 万种颜色。

影响：

  1. 如果您使用任何圆角图像，则边缘可能会以 png8 格式显示。
  2. ie6 不支持 png24 格式。
于 2014-03-28T08:00:57.003 回答
3

主要区别在于 8 位 PNG 包含一个最大值。256 种颜色，如 GIF。PNG-24 是一种无损格式，最多可包含 1600 万种颜色。

于 2014-03-28T17:57:10.960 回答
1

在 PNG-8 中制作具有完全透明背景的图像时，图像的轮廓看起来很突出，带有小白点。但在 PNG-24 中，轮廓消失了，看起来很完美。PNG-24 的透明度比 PNG-8 更高、更清晰。

PNG-8 包含 256 种颜色，而 PNG-24 包含 1600 万种颜色。

PNG-24 中的文件大小几乎是 PNG-8 的两倍。

于 2015-11-12T07:58:09.877 回答