Csuper Blog

Csuper Blog

关于png24格式的图标在ie6下显示不透明
2012-11-01

 看到很多人的logo有在ie6下面显示显示不透明,有一层淡蓝色的底,其它浏览器下都是好
这个是因为用了png24格式的图片

那我们在制作图标的时候应该注意什么呢?(格式,透明,毛边)
下面说下如何把png24透明logo转换png8格式

1.用photoshop软件打开 你要处理的格式为png24的logo
2.photoshop菜单 文件—存储为web和设备所用格式(或者快捷键 Alt+Shift+Ctrl+S)
3. 
在png24那选择png8格式,最重要的一点是“杂色”颜色的选项,如果这边没有设置好就会毛刺边出现
这边应该怎么设置呢?
4. “杂色”选项的颜色应该选择和logo背景颜色最接近的,用官方logo举例


5.保存一下就可以了


以下为png8和png24的一下知识点,有兴趣的同学可以看一下 


一、PNG-8 与 GIF
PNG-8跟GIF一样支持单色透明。GIF有的有点PNG-8都有,GIF没有的PNG-8还有,比如:同样的文件PNG-8格式的却比GIF要小。
二、PNG-8 与 PNG-24 对IE6的支持程度
PNG-24是支持alpha通道透明的格式,支持半透明,IE6不支持PNG-24,但是他完全支持PNG-8。
如果是不透明的PNG-24,IE6也是完美支持,之所以说IE6不支持PNG-24是因为PNG-24的半透明会在IE6里显示不正常。
三、PNG-8 与 PNG-24 的透明区别
PNG-8 和 gif 有一些相似之处,模式都是索引颜色,只支持像素级的纯透明,不支持 alpha 透明。我们通常说的“IE6 不支持 PNG 透明”,是指不支持 PNG-24 的透明(将透明区域显示为灰色)。但是 IE6 支持 PNG-8 的透明,就像支持 gif 的透明一样。
四、PNG-8 的高压缩比
切图时,有时选择 PNG-8 可以获得更高的压缩比。注意,是 PNG-8,不是 PNG-24。不过有些情况下还是 gif 或 jpg 会小一些,需要根据实际情况调试以选择最佳方案。

 

发表评论: