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

相信大家都会遇到这样的情况，一张相同的图片，在不同的浏览器颜色不一样。所以，日常网络购物的过程中，也普遍存在这样的色差问题：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色彩管理

开始测试