本站不兼容 8 以前的版本的 Interner Explorer 浏览器(或基于这些版本的 IE 的其他浏览器),并且页面样式不完全兼容 IE 8,我们建议你升级至 IE 9 或改用其他非 IE 浏览器

Mozest™

  • 正在加载用户菜单…

开放、分享、互助

转播到腾讯微博
返回列表 回复 发帖

颠覆网络35天 ─ Firefox 3.5中图像色彩校正

转自http://www.mijia.org/blog/?p=215

在Firefox 3中,我们介绍过关于标记图片配色方案的特性,但是该特性并没有默认开启。现在在Firefox 3.5中,我们处理色彩校正的效率比在Firefox 3中提升了5倍,所以在Firefox 3.5中默认开启了标记图片色彩校正的特性。




大部分互联网上使用的图片是未标记的。如果您不了解标记图像和未标记图像之间的区别,那您可能不会注意到这个特性的效果。不过我们建议您去了解一下,因为这些特性对将来Firefox在CSS颜色和图片的处理上可能会有影响。

什么是配色方案?
花很多时间去摄影或者任何需要处理高解析度色彩打印的朋友明白很多输出设备──LCD、CRT、纸张等等──对于色彩的理解都是不同的。例如,未校正的红色在LCD和CRT上看上去会非常不同。其中一个上面的颜色好像被洗掉了一样。
JPG和PNG图片都支持配色方案。这些配色方案允许Firefox提取图片中的颜色并把他们根据特定的设备翻译成相应的颜色。
不仅仅图片包含配色方案的信息,类似于显示器之类的输出设备也都有配色方案。举个例子,可能某个设备显示红色的效果要比蓝色好很多。如果准备在该设备上显示他上面看到的“红色”,可能需要把颜色从自然的#ff0000转换到#f40301才会正确。
这也就意味着在使用配色方案时,需要做两步转换。首先,提取图像中的原始颜色信息,使用配色方案转换颜色到设备无关的颜色空间。然后使用输出设备的配色方案把颜色从设备无关的颜色空间中转换到输出设备的颜色空间,从而就可以在输出设备上正常显示了。

那关CSS颜色什么事阿?
理解配色方案如何工作是很重要的,以及他们如何被转换,如何能够同CSS定义的颜色在同一个颜色空间中进行操作等。
在Firefox 3.5中,我们认为CSS定义的颜色已经是在输出设备的颜色空间中。换句话来说,CSS定义的颜色不是自然颜色空间并且不需要再转换到输出设备的颜色空间上了。
这就意味着,如果你希望放置一个标记图像,然后在他旁边使用CSS来制作一个相同颜色的背景之类的,实际效果中的色彩很有可能是不一致的。或者在某些输出设备上是不一致的──可能你使用的开发机器上是一致的。请记住在不同的输出设备上是具有不同的配色方案的。看下面的例子:


在Firefox 3中,这个看上去回事一块连续的紫色。在Firefox 3.5和Safari中你会注意到在紫色盒子里面还有一个紫色盒子(除非您的系统配色方案是sRGB)。这是因为图片的颜色已经被校正过,而周围的CSS没有。
在未来版本的Firefox中,我们希望能够让用户来选择开启针对标记图像和CSS的色彩校正。您现在也可以测试这些特性,需要改变在MDC色彩校正中列出的首选项到“全色彩管理”。

支持图像和工具
PNG可以使用三种不同方法来标记。第一,他们文件中有iCCP块用来包含关联的ICC方案。第二,可以使用sRGB块明确标记为sRGB格式。最后,他们可以包含gAMA和cHRM块用来描述图像的灰度系数和彩色系数。使用上述方法都可以让Firefox针对该图片进行颜色校正。
您也可以使用pngcrush删除所有的色彩校正信息,变成一个未标记图片:

pngcrush -rem gAMA -rem cHRM -rem iCCP -rem sRGB infile.png outfile.png
当然,还可以使用TweakPNG手动的删除gAMA,cHRM,iCCP 和 sRGB块。
支持一下!!