png8 和 png24 有什么区别答案

【问题标题】：What is difference between png8 and png24png8 和 png24 有什么区别
【发布时间】：2014-05-07 13:52:51
【问题描述】：

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

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

【问题讨论】：

PNG8 使用的颜色比PNG24 少得多。是的，质量很重要。
还有更多。如果你添加一个 alpha 通道，为了完全透明，你会得到 png32

标签： html css png png-24 png-8

【解决方案1】：

PNG格式只有一种，但支持5 color types。

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

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

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

【讨论】：

“更小”，好吧，其实你需要存储调色板。必须有一个“最小尺寸”，即使用 256 种颜色的 8 位图像实际上比 24 位编码中完全相同的颜色更大。（对不起，做数学太累了。）
@Jongware 确实，措辞可能过于严格。但在一般情况下，图像必须很小，并且有许多不同的颜色才能发生这种情况，而且通常差异很小。

【解决方案2】：

来自Web Designer’s Guide to PNG Image Format

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% 正确，因为 Adobe 产品的 Save for Web 命令允许具有 alpha 透明度的 PNG-8。

【讨论】：

【解决方案3】：

你问了两个问题，一个在标题中关于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（以及任何具有透明或半透明像素的样本），但它们没有特殊名称。

【讨论】：

【解决方案4】：

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

影响：

如果您使用的是任何圆角图像，则边缘可能会以 png8 格式显示。
ie6 不支持 png24 格式。

【讨论】：

PNG-8 也是“无损”的，假设您一开始只有 256 种颜色，...如果您开始使用超过 1600 万种颜色，PNG-24 将是“有损”的。事实上，有损/无损的区别真的是关于压缩方案（如果有的话）是否有损/无损。
是的，你说得对，在 png8 中边缘看起来不太好。我找到了例子Here
这只是一个用户错误（或软件失败，选择你想要的）。 “8 位”示例图像不使用 PNG 格式允许的全部 8 位透明度。

【解决方案5】：

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

【讨论】：

当然。但 8 位 PNG 也是一种无损 [压缩] 格式，因此无需指定。哦，GIF也是。

【解决方案6】：

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

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

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

【讨论】：