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

原标题:为什么图片在不同浏览器中的颜色不一样
相信大家都会遇到这样的情况 , 一张相同的图片 , 在不同的浏览器颜色不一样 。 所以 , 日常网络购物的过程中 , 也普遍存在这样的色差问题: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浏览器:支持ICCV2 , 支持V4;
2、Safari浏览器:支持ICCV2 , 支持V4;
3、FireFox浏览器:支持ICCV2 , 不支持V4;
4、Chrome浏览器:支持ICCV2 , 不支持V4;
5、360安全浏览器:支持ICCV2 , 不支持V4;
6、Opera浏览器:支持ICCV2 , 不支持V4;
7、遨游浏览器:支持ICCV2 , 不支持V4;
8、世界之窗浏览器:支持ICCV2 , 不支持V4;
9、360极速浏览器:支持ICCV2 , 不支持V4;
10、搜狗浏览器:支持ICCV2 , 不支持V4;
11、UC浏览器:支持ICCV2 , 不支持V4;
为什么图片在不同浏览器中的颜色不一样】不过 , 个人测试中发现 , Mac端Safari相对其他的浏览器显示色彩最优 , 整体饱和度和亮度都更高一些 。