关于PNG文件格式PNG24和PNG8的区别

IE6 不支持的只是 PNG 的 alpha 通道(256 级可调半透明色),PNG-8 索引色里的完全透明色还是支持的。

PNG文件格式分为PNG-24和PNG-8,其最大的区别是PNG-24是用24位来保存一个像素值,是真彩色,而PNG-8是用8位索引值来在调色盘中索引一个颜色,因为一个索引值的最大上限为2的8次方既128,故调色盘中颜色数最多为128种,所以该文件格式又被叫做PNG-8128仿色。

PNG-24因为其图片容量过大,而且在Nokia和Moto等某些机型上创建图片失败和显示不正确等异常时有发生,有时还会严重拖慢显示速度,故并不常用,CoCoMo认为这些异常和平台底层的图像解压不无关系。不过该格式最大的优点是可以保存Alpha通道,同事也曾有过利用该图片格式实现Alpha混合的先例,想来随着技术的发展,手机硬件平台的提升,Alpha混合一定会被广泛的应用,到那时该格式的最大优势才会真正发挥

IE6不支持png24的透明,却可以很好的支持PNG8的索引透明。
介绍一个IE6专用的PNG hack,就是很著名的iepngfix.htc。

首先要下载这个到你的站点目录下iepngfix.htc
将这段条件注视写进你的head

 XML/HTML代码
  1. <!--[if lt IE 7]>  
  2. <style type="text/css">
  3. .photo { behavior: url(iepngfix.htc); }   
  4. </style>  
  5. <![endif]-->  

PNG-8 与 PNG-24 的透明区别

PNG-8 和 gif 有一些相似之处,模式都是索引颜色,只支持像素级的纯透明,不支持 alpha 透明。我们通常说的“IE6 不支持 PNG 透明”,是指不支持 PNG-24 的透明(将透明区域显示为灰色)。但是 IE6 支持 PNG-8 的透明,就像支持 gif 的透明一样。

如何生成 PNG-8 和 PNG-24 的图像?使用 PS 的“储存为 Web 所用格式”(快捷键:Alt + Shift + Ctrl + S),在右侧属性窗口选择图像格式。

PNG-8 的高压缩比

切图时,有时选择 PNG-8 可以获得更高的压缩比。注意,是 PNG-8,不是 PNG-24。不过有些情况下还是 gif 或 jpg 会小一些,需要根据实际情况调试以选择最佳方案。

原文地址:https://www.cnblogs.com/scgw/p/1893256.html