png8和png24有什么不同?

我想知道png文件的用法。 有两种格式可用于PNG图像 ; 一个是png8 ,另一个是png24

我想知道,如果我在我的html页面中使用任何types,会有任何错误? 或者这是唯一的质量问题?

只有一个PNG格式,但它支持5种颜色types 。

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

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

任何现代的网页浏览器都支持这两种变体

从Web Designer的指南到PNG图像格式

PNG-8和PNG-24

有两种PNG格式:PNG-8和PNG-24。 数字是“8位PNG”或“24位PNG”的缩写。 不要太多的技术问题 – 因为作为一个网页devise师,你可能不在乎 – 8位PNG意味着图像是每像素8位,而24位PNG意味着每像素24位。

总结一下简单英文的区别:让我们只是说,PNG-24可以处理更多的颜色,并适用于像照片(如JPEG),许多颜色的复杂图像,而PNG-8是更好的东西与简单的颜色,如图标和button等标志和用户界面元素。

另一个区别是,PNG-24本身支持alpha透明度,这对透明背景很有好处。 这种差异不是100%真实的,因为Adobe产品的“保存为Web”命令允许PNG-8具有alpha透明度。

基本差异:一个8位PNG包含一个最大值。 256色。 PNG-24是一种无损格式,可以包含多达1600万种颜色。

影响:

  1. 如果您正在使用任何圆angular图像,则边缘可能会以png8格式显示。
  2. ie6不支持png24格式。

你问了两个问题,一个是关于PNG8和PNG24之间差异的标题,这个问题已经收到了一些答案,即PNG24有8位红色,绿色和蓝色通道,而PNG-8有一个8位索引到一个调色板。 当然,PNG24通常比PNG8具有更大的文件大小。 此外,PNG8通常意味着它是不透明的或只有二进制透明度(如GIF); 它是在ImageMagick / GraphicsMagick中定义的。

这是另一个答案,“我想知道,如果我在我的HTML页面中使用任何一种types,是否会有任何错误?或者这是唯一的质量问题?

你可以把任何一种types的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(以及任何具有透明或半透明像素的样本),但那些组合没有特殊的名字。

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

在PNG-8中以完全透明的背景拍摄图像时,图像的轮廓看起来很突出,白色的点点很less。 但在PNG-24中,轮廓已经消失,看起来很完美。 PNG-24的透明度比PNG-8更大,更清洁。

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

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