设计人员在PhotoShop中修完图,上传到网店或者商城中,从WEB浏览器查看颜色总是与PhotoShop不一样,这种情况普遍存在,究竟是什么原因导致的呢?
我们先来分析一下PhotoShop中的显色原理
- 一张无内置iCC文件的图片,载入PhotoShop中,PhotoShop默认使用工作空间作为其显色的标准(如sRGB.icc或者AdobeRGB.icc),然后转换成显示器的iCC,中间保证了XYZ颜色值尽可能还原;
- 一张内置了iCC文件的图片,根据PhotoShop中的颜色设定方案,如“保留嵌入的配置文件”,内置的iCC将作为显色的标准,直接转换成显示器的iCC进行显色,中间保证了XYZ颜色值尽可能还原。详细的颜色设定请参考《Adobe PhotoShop中的色彩管理设置》。
PhotoShop中的颜色设定方案
浏览器的显色原理
如果浏览器支持iCC色彩管理,显色原理几乎和PhotoShop一致,效果也会一致;
如果浏览器不支持任何的iCC色彩管理,那么无论图片是否内嵌了iCC文件,都将被忽略,浏览器直接将图片的RGB数值输出给显示器进行显色,而不经过XYZ中间空间,所以不会保留原图片的任何颜色值,此时图片的颜色就会失真。
关于浏览器是否支持iCC色彩管理,请参考《测试浏览器是否支持ICC色彩管理》和《为什么图片在不同浏览器中的颜色不一样》。