问下关于IE6 PNG渲染BUG的问题啊

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 4373 天前的主题，其中的信息可能已经有所发展或是发生改变。

一张PNG，主色是#000000,另外一种颜色是#222222，
在IE6下面会受到PNG BUG的影响么？

图片文件
src="https://portal.thislan.com/portal/static/css/template/images/gridpix.png?122501"

为什么针对IE6，不需要透明的图片还要选PNG哩？
因为画好过后导出JPG，上传smushit压缩不理想，PNG压缩效果最佳。
如果可以确定PNG的黑色不受到PNG BUG影响，那就保持现状了。

PNG

IE6

bug

8 条回复 • 1970-01-01 08:00:00 +08:00

loading

2012-12-27 16:51:57 +08:00

ie6下不是只是不支持半透明么？png8的透明还是能直接支持的。

minowu

2012-12-27 19:51:01 +08:00

png格式有png8和png24。png8只有透明和不透明。png24有透明，半透明和不透明。

IE6是不支持半透明，但是支持png的透明和不透明。所以如果图片里没有半透明，是不会受IE6 bug影响的。

yopming

2012-12-27 22:45:45 +08:00

我记得png是png8,png24和png32的
png24是不透明的，png32是透明的
Photoshop中和Fireworks中规格都不同

cmonday

2012-12-27 22:58:27 +08:00

png 存在的意义并不只是透明而已啊，在某些图片的压缩率上是比 jpg 有优势的。
具体可以看这里： http://ued.taobao.com/blog/2010/12/jpg_png/

Keinez

2012-12-28 00:02:32 +08:00

IE6很恶心，你有两种选择：
- 牺牲性能和代码质量，换取完美获得设计稿
- 牺牲视觉效果，换取代码简洁和性能

具体说明见下方：
---

png不是简单的8/24/32这么分的。分哪几种呢？
- png8 索引透明：256色，像素可以分为透明和不透明。
- png8 alpha透明：256色，像素可以分为 (**%) 透明和不透明。**请用Fireworks制作此格式**
- png24：这东西不透明。**这不是Photoshop里的png24！！那东西其实是png32！！**
- png32：色彩丰富，具体多少种记不住。透明特性同alpha。

下面说说IE6的情况。
- png8 索引：半透明像素外边有一圈底色狗牙，无法避免。你可以在Fireworks里控制杂色混合来伪造半透明，但狗牙永远会有。
- png8 alpha：你的半透明像素会直接消失，被当成透明的处理……
- png32：没有狗牙，但是底色是蓝灰色。

png的更多知识见：dtop.powereasy.net/Item.aspx?id=1958

我个人建议用png8索引透明应付ie6，同时尽可能避免复杂背景和变化背景的情况。更完美的效果交给渐进增强实现。

至于不透明图片，纯色较多的建议用png，不仅压缩比更好，也不会出现一些莫名其妙的噪点——如果你用jpg，有极大可能在纯色背景上出现大量噪点（使用QQ截图深有体会）。

bengle

2012-12-28 10:08:15 +08:00

png24加滤镜试试吧

momou

2012-12-28 12:30:53 +08:00

ie6 要支持半透明的话用DD_belatedPNG，性能影响不大。。。

squallsdjl

2013-01-02 20:25:37 +08:00

@momou ddpng经过我们几个产品的长期测试，是有问题的，特别是他自己的产品ddpng和ddrounied的一起使用，有很多奇异bug。其实两个插件本身已经很好了，但是作者更新动力不行，毕竟国外做这个已经没有市场了。。