为什么图片在不同浏览器中的颜色不一样

相信大家都会遇到这样的情况,一张相同的图片,在不同的浏览器颜色不一样。所以,日常网络购物的过程中,也普遍存在这样的色差问题:PC上面IE浏览器看起来是一个效果,手机或者iPad上面浏览器看又是另外一个效果,虽然普通人都图片质量的需求没有那么高,但是对于一些奢侈品、特殊人群,这影响就非常大。

众所周知,PhotoShop的显示原理,是将图片的嵌入icc颜色空间转成显示器的icc特性文件,然后输出RGB驱动显示器显色,那浏览器的色彩管理呢?浏览器支持icc文件吗?和PhotoShop原理不一样,不同浏览器对色彩管理的支持力度也不同。一般,设计师设计图片的时候,会嵌入srgb或者相机的icc文件,当图片放在网络上面通过不同的“终端”浏览时:

1、如果浏览器支持icc色彩管理,则会将嵌入的icc文件转成显示器的icc进行输出,原理类似PhotoShop的显色原理;

2、如果浏览器不支持icc色彩管理,则直接显示图片的rgb驱动值,中间没有任何的颜色转换过程,会造成图片的颜色失真;

*尤其需要注意的是:现在ICC的版本为V4,也会影响终端对icc色彩管理的支持!


经过测试,浏览器对icc支持结果如下(都是PC或者Mac端,移动端请自行测试结尾有测试地址):

1、IE浏览器:支持ICC V2,支持V4

2、Safari浏览器:支持ICC V2,支持V4

3、FireFox浏览器:支持ICC V2,不支持V4

4、Chrome浏览器:支持ICC V2,不支持V4

5、360安全浏览器:支持ICC V2,不支持V4

6、Opera浏览器:支持ICC V2,不支持V4

7、遨游浏览器:支持ICC V2,不支持V4

8、世界之窗浏览器:支持ICC V2,不支持V4

9、360极速浏览器:支持ICC V2,不支持V4

10、搜狗浏览器:支持ICC V2,不支持V4

11、UC浏览器:支持ICC V2,不支持V4

不过,个人测试中发现,Mac端Safari相对其他的浏览器显示色彩最优,整体饱和度和亮度都更高一些。

您可以点击以下链接,测试您的手机或者iPad端浏览器是否支持ICC色彩管理

开始测试

 

相关文章

3 评论

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注