png8和png24有什么区别

时间:2014-03-28 07:54:53

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

我想了解png文件的用法。 png图像有两种格式;一个是 png8 ,另一个是 png24

我想知道如果我在html页面中使用任何一种类型,是否会出现错误?或者这只是质量问题吗?

6 个答案:

答案 0 :(得分:60)

只有一种PNG格式,但它支持5 color types

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

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

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

答案 1 :(得分:18)

来自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   命令允许PNG-8具有alpha透明度。

答案 2 :(得分:9)

你问过两个问题,一个是关于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 chunk) - 但仍然使用.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(RGBA,8位样本,不透明,透明或半透明)
  • PNG48(与PNG24类似但具有16位R,G,B样本)
  • PNG64(与PNG32类似但具有16位R,G,B,A样本)

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

答案 3 :(得分:5)

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

影响:

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

答案 4 :(得分:2)

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

答案 5 :(得分:0)

在PNG-8中制作具有完全透明背景的图像时,图像的轮廓看起来很突出,只有很少的白色位。但在PNG-24中,轮廓消失了,看起来很完美。 PNG-24的透明度比PNG-8更高,更清洁。

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

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