WEB前端

web前端包括广泛,有设计、开发,这里也关注互联网行业。

关于图片色值的疑问

九月 26th, 2010 by 裕波

曾经在工作中,遇到一个奇怪的问题,在十多天前,又一次遇到了!

究竟是什么问题呢?就是我使用PS存储了一张色值非常丰富的图片,格式为png。

最后在code过程中,我将这张图片作为背景使用,由于图片大小有限,其他区域得使用背景颜色填充,按照设计师的设计,使用一个单独的颜色填充即ok,但是问题出来了,就是在火狐,还是ie下,我一下忘记了,反正在其他一个浏览器中,背景图片的颜色和我给的纯背景色不匹配,相差很远,很明显就能看出来。这时候让我一头雾水,我也不知道怎么回事!

最后在做图片优化的时候,使用了yahoo的All Smush.it™,最后使用被优化的图片,居然色值正常了,这应该和存储格式,还有什么有关,由于本人对图片格式及存储研究不深,不过先记录下来,至少以后知道是什么原因引起的这个问题。

15 Responses to “关于图片色值的疑问”

  1. [...] web标准化交流会第三期总结 裕波 [...]

  2. 匿名 说道:

    删除png的gama值 百度ie png偏色

  3. sem 说道:

    浏览器色值和ps处理的图片色值有差别,与保存格式质量也有关系~~~

  4. song.huang 说道:

    png8 png24了吧?

  5. [...] By mashihua, on 九月 28th, 2010 十一节前,周裕波抛给我一个关于图片显示的问题。Blog中对问题的描述: [...]

  6. pyzy 说道:

    呵~ 我8月份也遇到过这个问题,当时还在51JS的netfans群里讨论过,个别版本PS才会出现的问题,存WEB应用格式也无效,后来自己找到了原因和解决办法。
    http://www.pyzy.net/Log_content.asp?LogId=245

  7. 冭孓↘ 斌 说道:

    出现这种情况也应该是在IE下,这个应该是在PS存储过程中图片含有阀值有关,因为IE不能正常解晰PS图片中的阀值。如果用FW存储PNG图片就不会出现问题了。当然也可以用All Smush.it™,

  8. 康康 说道:

    老大我的友链怎么没有了呢?www.web666.net “原创手册”

  9. 广州SEO 说道:

    用图片的时候比较少,感觉存储方式没多大的影响呀

  10. 裕波 说道:

    to 陈运文: 非常的不好意思,上次内容没有修改成功,是png格式的,这个地方好像是因为ps在存储的时候会写入一些什么信息引起的。

  11. 陈运文 说道:

    图片保存时通常采用有损编码的方法,特别是jpg格式,采用离散余弦变换提取低频系数的方法,会导致生成的图像有微弱的色差(因为是有损压缩,相当于作了近似变换)。

    这些差异通常非常小,人眼很难分辨的,但用在web上,和背景一对比,往往就观察出来了。

    可以试试完全无损的压缩方法(不用jpg);或者选存储为WEB和设备所用格式

  12. 裕波 说道:

    to afc163: 我肯定也是将其存储为web和设备所用格式的哈

  13. afc163 说道:

    楼主是不是直接用另存为保存的图片格式?我也遇到过类似问题,我的经验是使用“存储为WEB和设备所用格式”来保存图片,这样不会有颜色偏差。

Leave a Reply

功能列表

关于我

裕波 周裕波,web前端开发从业者,互联网爱好者。

导航

关于博客

博客属于我的个人博客,由于我爱好互联网,从事web前端开发相关工作,建议此博客的目的:积累经验,与行业内的朋友分享,相互讨论。

Powered by WordPress 备案号:京ICP备09046089号