png8和png24有什么区别

Kes*_*iya 63 html css png png-8 png-24

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

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

use*_*733 64

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

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

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

任何现代Web浏览器都支持这两种变体.

  • "更小",嗯,实际上你需要存储调色板.必须有一个"最小尺寸",其中使用256色的8位图像实际上*比24位编码中的完全相同的颜色*大*.(对不起,太累了算数学.) (3认同)
  • @Jongware是的,措辞可能过于严格.但是在一般情况下,图像必须很小,有许多不同的颜色才能实现,并且通常差异很小. (2认同)

Meh*_*har 20

Web Designer的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%正确,因为Adobe产品的"存储为Web"命令允许PNG-8具有Alpha透明度.


Gle*_*son 11

您已经提出了两个问题,一个是关于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(以及任何具有透明或半透明像素的样本),但那些没有特别的名字.


ric*_*dey 5

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

影响:

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

  • PNG-8也是"无损",假设你只开始使用256种颜色,......如果你开始使用超过1600万种颜色,PNG-24将是"有损"的.事实上,有损/无损区分是*真的*关于压缩方案(如果有的话)是否有损/无损. (5认同)
  • 是的,你是对的时代,在png8看起来不太好看.我找到了这个例子[这里](http://glasses.withinmyworld.org/index.php/2013/05/20/png-8-vs-png-24-theres-a-difference/#.UzUm0qiSxCw) (2认同)