下面的所有图像均具有相同的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数据直接送到操作系统。这样,以上所有的图都会看起来一样。

您也可以使用没有内嵌色彩信息液晶检测图

图像标题的解释:

CSS
通过网页样式表声明的RGB数值。应该作为sRGB值使用,不过主流的浏览器多把它们当作原始RGB值来使用。
GIF
GIF图像文件不包含色彩特征信息。这幅应被当作原始RGB值来显示,就像CSS的图一样。
PNG无标记
PNG格式,但所有色彩特征信息都已被去除。看起来应该与CSS及GIF的图一样。
PNG sRGB、感知标记
标记为感知sRGB色彩的PNG(PNG的四种色彩特征标记方法之一)。欲知详情,请参阅《PNG: The definite guide》。这幅图看起来应该与通过sRGB色彩设定显示出来的无色彩特征信息的PNG图一样。
PNG sRGB、相对比色标记
另一种sRGB标记。
PNG sRGB、饱和度保持标记
另一种sRGB标记。
PNG sRGB、绝对比色标记
另一种sRGB标记。
PNG sRGB、灰度系数为2.2的感知标记
标记为sRGB,但是缺省灰度系数被设为2.2(又或者说是1/2.2=0.45455)。
PNG、灰度系数2.2
PNG格式,内嵌灰度系数2.2。这应该与sRGB格式相似。
PNG、灰度系数1.8
PNG格式,内嵌灰度系数1.8(传统上用于苹果麦金塔系统)。

参考:The Sad Story of PNG Gamma "Correction" .

最近更新 19 Apr 2008