下面的所有图像均具有相同的RGB值,但是这些PNG图的sRGB和灰度系数信息并不相同。根据您的浏览器及操作系统的不同,所有图看起来有可能一样,也有可能不一样。
CSS | GIF | PNG无标记 | PNG sRGB 感知 | PNG sRGB 相对比色 | PNG sRGB 饱和度保持 | PNG sRGB 绝对比色 | PNG sRGB 感知、灰度系数2.2 | PNG 灰度系数2.2 | PNG 灰度系数1.8 |
---|---|---|---|---|---|---|---|---|---|
#111
#444
#888
#ccc
#fff
|
|||||||||
#051105
#134113
#268026
#3abf3a
#4dff4d
|
在主流浏览器之中,只有苹果Safari会使用图像内嵌的色彩信息(也就是说,Safari会先修正图像中的RGB数值,再把它们送到操作系统——Mac OS X——显示出来)。操作系统也会根据其本身的色彩信息(通用sRGB或其它针对显示器的色彩特征)调整数据后,才把它们送到显示器。
其它主流浏览器(如火狐1.5/2.0、Opera 8/9、Internet Explorer 6/7等)只会把图像里的原始RGB数据直接送到操作系统。这样,以上所有的图都会看起来一样。
图像标题的解释:
参考:The Sad Story of PNG Gamma "Correction" .