UED TEAM

ued163

我们的团队博客

登录 | RSS | 收藏本站
09-09
18

请给PNG8一个机会

作者:zymo 日期:09-09-18 时间:8:34 上午

系列二:对png8的误解

Png8的在ie中的怪异表现:

1.半透明的png8在ie6以下的浏览器显示为全透明。

2.Alpha透明的全色PNG(png32)在ie6中会出现背景颜色(通常是灰色)。

由上面可以总结:

(a)全透明的png8可以在任一浏览器正常显示(就像gif一样)。半透明的png8在除了ie6及其以下的浏览器下错误的显示成全透明,其它浏览器都能正常显示半透明。这个bug并不需要特殊对待,因为在不支持半透明的浏览器下只是显示为全透明,对用户体验影响不大,它反而是透明gif的加强版。

(b)第二个bug没有什么好的方法解决,只能通过影响性能的方法AlphaImageLoader与需要加特殊标签(VML)。

因此得出结论就是:请使用PNG8。

Png8的软件问题

1.Photoshop只能导出布尔透明的PNG8。

2.Fireworks既能导出布尔透明的PNG8,也能导出alpha透明的PNG8.

3.pngquant与pngnq这两个命令行软件可以转换全色png为256色的png8。

Tags:

相关文章

随机文章

请给PNG8一个机会 评论 (19)

  • 77

    多谢分享,zymo完全正解!还有一个更具意义的原因是png8相对gif节省约30%的体积

  • 陌野

    其实图片格式不仅是页面设计风格的体现,也是网页优化的一部分;如果页面很精美,但网页图片文件过大,也就失去了图片的意义。

  • pengkai

    学习了一个新知识。 哈哈 谢谢分享。

  • 萧逸

    IE6.0下显示PNG图片解决方案
    http://www.56mp.cn/post/59.html

  • 小五

    请问,png8的图片,很多会失真的,那怎么解决啊

  • Shawnhai

    嗯, png8很好用, 在主流浏览器里跟png32一样, 在ie6里半透明区域不会出现蓝色背景, 这样就不用htc或js去fix了. 这个尤其重要, 因为很多时候例如按钮背景上面还有链接, 如果使用普通的pngfix上面的内容会和alphaImageLoader相冲突导致无法点击, 用png8就能规避这个问题, 只是一点点视觉损失.

    另外我一直在想, 网页设计师能兼顾ie6固然牛逼, 但很多时候我们是否更应该倡导用户升级而不是一味迎合那群落伍的用户, 以节约全球同行更多宝贵的时间和成本.

  • Mouce

    png 源文件可以包含动画信息,但是当前的播放器或者图片浏览器无法解析动画信息
    另外请问PNG8位使用何种工具如何发布支持alpha透明?

  • jop

    PNG8的确被大部分人给忽视了

  • Living the dream » Blog Archive » PNG8详解

    [...] 原文:http://www.ued163.com/?p=645 SHARETHIS.addEntry({ title: “PNG8详解”, url: “http://www.larens.cn/wordpress/?p=271″ }); [...]

  • 浩然行思

    png 又爱又恨…
    还好已经有很多方法可以解决IE6的bug

  • 请使用PNG8吧~ » C&F Studio

    [...] 原文:http://www.ued163.com/?p=645 [...]

  • png那些事儿 – WEB前端开发- 专注前端开发,关注用户体验

    [...] 推荐两篇文章给大家:http://www.ued163.com/?p=640,http://www.ued163.com/?p=645 半透明的png8在除了ie6及其以下的浏览器下错误的显示成全透明,其它浏览器都能正常显示半透明。这个bug并不需要特殊对待,因为在不支持半透明的浏览器下只是显示为全透明,对用户体验影响不大,它反而是透明gif的加强版。 第二个bug没有什么好的方法解决,只能通过影响性能的方法AlphaImageLoader与需要加特殊标签(VML)。 [...]

  • 图片格式介绍 » DSF.UED

    [...] 转自 http://www.ued163.com/?p=645 [...]

  • will

    谢谢zymo的分享和一楼77的提醒!

  • cnwander

    @77 “还有一个更具意义的原因是png8相对gif节省约30%的体积”

    你没有测试过,或者你测试不全面
    用不用png8得视情况而论

  • paper

    之前看了系列一,测试后发现不对啊。
    后来才知道,原来是软件的问题。

    LZ说的实在是太好了。真的不错。:)
    看了以后还得用fireworks切图了。

  • sev7n » 另一篇PNG图片文章

    [...] 现在都提倡用PNG8,好处就不用多说了,这里和这里有更多的说明。但是fireworks和photoshop导出的PNG图片却有一些不同。 [...]

  • sev7n » 关于PNG图片格式透明等一系列问题

    [...] 原帖:http://www.ued163.com/?p=640 http://www.ued163.com/?p=645 [...]

  • leetochy

    请问楼主还自己测试了?我测试了不对,用fireworks存png8,下面不管选索引透明还是alpha透明都无用,在ie6下有背景颜色

发表评论

评论只需审核一次,以后网友可以继续使用原来ID,邮箱进行回复:)