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

2012-12-27 16:50:21 +08:00
 enj0y
一张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影响,那就保持现状了。
3891 次点击
所在节点    CSS
8 条回复
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。其实两个插件本身已经很好了,但是作者更新动力不行,毕竟国外做这个已经没有市场了。。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/56001

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX