本站已年久失修,技术交流可以移步到 https://blog.pyzy.net
  所在位置:杂记 >> 正经杂记 >> IE(包括IE6\IE7\IE8)中的PNG色差导致显示图片比真实颜色深的问题
IE(包括IE6\IE7\IE8)中的PNG色差导致显示图片比真实颜色深的问题
发表于 十一年前(2010-8-19 21:13:55) | 阅读 (3231) | 评论 (2)

现在IE系列产品在应用中也逐渐开始以IE8为主,这么以来所有主流浏览器都对PNG格式的清晰图片有了良好的支持,所以目前WEB应用中大家也都开始以PNG格式存储自己的图片,比如GOOGLE现在就是。

但近期在自己使用PNG的过程中发现一个问题,IE系列浏览器中我所使用的PNG在展示之后竟然会自动变深,这可不爽,比如下面这个图,你是否看到一个浅色的边?那是我设置的背景色,中间深色部分是真正的图片,当你用FireFox浏览的时候内外颜色是一致的,真正色值为#86C069,而IE却显示为#7CB95E。

这对于渐变类的衔接等很成问题,我通过网络和网友进行了探讨,有个非常不错的朋友说保存为PNG8即可、并进行了演示,我保存后问题依旧,后来想也许他的Photoshop版本与我不同,他的保存PNG8会自动矫正这一问题。那么我该怎么解决呢?自己查了一下果然方法总比问题多:

  1. 使用小工具tweakpng删除Gamma信息:色值不同是因为PNG所在浏览器的Gamma渲染不同导致的,那么删除图片中的Gamma信息就可以了,看下图是不是正常了?您可以自己到网络上搜寻也可以在本站下载(264KB),你没看错就是这么小。

  2. 网络上也有一些体积很小的PNG压缩软件,压缩的过程中就会删除一些可有可无的PNG属性信息,其中就包含Gamma,正好可实现这一需求, pngcrush就是一个不错的批量压缩工具。

 

 

杂记评论(2):
回复 1楼 jididebing 来自 河南省郑州市巩义市 联通  发表于 九年前(2012-6-13 14:09:01)
谢谢了,终于帮我解决问题了
回复 2楼 dav 来自  发表于 七年前(2014-6-3 0:32:26)
非常不错,3Q
共2条评论  第1页/共1页  首页 上页 下页 尾页
称谓(必填):  网站(选填):
上一篇:Gravatar(全球通用头像)注册简明教程  下一篇:一个10行左右的强$代码[2010-8-28修正](附增删改DOM的三个小方法)     <<返回杂记列表