查看: 8060|回复: 6
打印 上一主题 下一主题

照片传上网为何会变色 (文自网络,编辑山海君)--- 摄友们请注意自己的浏览器 [复制链接]

Rank: 4

最后登录
2018-7-16
在线时间
2376 小时
注册时间
2012-12-29
精华
7
主题
365
帖子
1264

个人文集  个人精华

跳转到指定楼层
1#
发表于 2014-4-14 09:37:58 |只看该作者 |倒序浏览
       随着单反相机的普及,大家都会拿着自己心爱的宝贝出门拍照,并且会将拍摄的作品上传到博客、论坛以及各种社交网站中与大家分享。不过很多人会发现,有时候自己用单反相机所拍摄的照片在本地磁盘中打开后的效果,与在网 页中显示的效果会出现一定的差异,同一张图片在没有经过任何处理的情况下竟然出现了两种截然不同的效果,为什么会出现这种情况呢?


     首先大家想到的原因,是部分网站为了让网友获得更快的浏览速度,在用户上传照片时会进行一定的压缩,因此这个做法会造成图片部分信息的丢失让照片出现一定的失真现象。不过随着宽带的普及,目前大多数博客、论坛等站点(尤其是专业摄影网站)都尽可能保证大家上传的照片不被压缩。但尽管如此,不少摄影爱好者还是会发现照片在网页中的色彩与图片处理软件的效果有些不同,这就不能将罪名放在网站头上了,事实上罪魁祸首可能就是您的浏览器。


浏览器其实也是色彩管理系统的组成部分,但我们很少关注它们这部分特性

    没错,浏览器本身虽然与显示器的色彩效果虽然表面看上去八竿子打不着,但实际上其也属于色彩管理系统中一个重要的组成部分。在之前的文章中,我们已经介绍过不论是大家常用的Windows系统还是苹果的Mac系统都有色彩管理的组件,其根据相机、显示器、打印机投影机等外部设备的ICC文件信息来进行匹配,而浏览器与图片处理、查看软件一样,也同样受到色彩管理系统的控制。接下来我们就来研究在怎样的照片,或是在什么条件下,我们在本地磁盘中观看效果与在网页中看到结果会有一定的差异,产生差异的原因是什么。


《八项测试百组数据 4款专业显示器横评》

品牌:华硕 专业显示器 浏览器对色彩管理的支持很重要

     说到色彩管理系统,在我们之前在《只是为文艺? 专业工作室为何钟情苹果》这篇文章中进行了详细的介绍。 不同的设备都有不同的色彩特性,如拍摄照片时,相机会把自己的补色能力记录成ICC文件桉嵌入图片,显示器的显色能力也会记录在驱动程序的ICC文件中,操作系统从图片档读取ICC,再根据显示器的ICC,把图片的色彩信息转换成显示器的发色,最后再经过伽马校正,显示出图片原本的颜色。色彩管理系统工作就是将所有硬件的ICC进行匹配和统一,达到最优的输出效果。



通过ICC文件,色彩管理系统将各个设备进行统一的匹配

    每台数码相机都有自己的ICC特性,在拍摄照片后,其会将自己的ICC信息记录在每一张图片文件中,供操作系统的色彩管理系统进行加载和调取。而对于单反相机和部分高端DC而言,它们拥有两个色彩空间的属性:sRGB与Adobe RGB,通常我们采用的都是sRGB色彩空间,但Adobe RGB的颜色覆盖范围要比sRGB更广,因此高端摄影以及出版印刷行业的用户会采用Adobe RGB色彩空间。在设置不同的色彩空间时,相机在写入到照片中ICC配置文件信息也会有所不同。


单反相机都会有色彩空间的选项,设置不同的色彩空间ICC文件信息也不一样

    这样问题就来了:如果选择sRGB色彩空间拍照,由于Windows操作系统默认采用sRGB色彩空间,即使是不支持加载ICC文件的程序(如图片软件或浏览器等),在显示渲染时会交给Windows系统来完成,这样色彩几乎不会出现任何变化;但如果选择Adobe RGB色彩空间拍照,当使用不支持ICC加载能力的程序打开后,就会出现偏色的现象(尽管大多数显示器都不支持Adobe RGB色彩空间,但通过色彩管理系统对ICC文件进行重新转换与处理,同样可以输出不错的色彩,但如果完全不进行色彩空间的转换,实际差异会非常大)。


采用Adobe RGB色彩空间拍摄同一张色卡,上传到网上后使用不同浏览器观看的效果

    这里我们来做个实验:将相机调节到Adobe RGB色彩空间后拍摄一张如上图的标准色卡照片,并将其上传到互联网上,分别采用支持加载ICC文件和不支持加载ICC文件的浏览器打开这张图片,或者照片原始的ICC信息不幸丢失,就会呈现出如上图中的差异:支持加载ICC能力的浏览器色彩相对更饱和,而后者则颜色则相对较为暗淡,这就是很多网友感觉到在浏览器中观看图片会出现偏色的现象。也就是说:在保证照片ICC文件得到保留的情况下,如果使用支持加载ICC文件能力(即具备色彩管理能力)的浏览器就可以基本避免偏色的问题。那么我们如何检测自己所使用的浏览器是否支持加载ICC文件的能力(即具备色彩管理能力)呢?

品牌:智凯 录音笔 我的浏览器支持色彩管理功能吗?

     由于苹果Mac OS系统中采用了强大的ColorSync色彩管理系统,只要在其上连接注册的硬件以及安装好的软件都通过ColorSync来进行管理,因此在Mac OS系统中不论采用哪种图形、视频、浏览器等软件打开图片,它们都统一受到ColorSync系统的管理与约束,都具备加载ICC文件的能力,那么在Windows系统下如何判断我们的浏览器是否具有这个特性呢?(Windows色彩管理系统是不具备统一管理能力的,其完全交给各个软件自行决定)这里我们提供一个网站,进入后可以自己进行测试:

传送门:http://ie.microsoft.com/testdrive/Graphics/ColorProfiles/Default.html

    这个页面一共包含两个测试,大家分布可以点击“ICC Color Profile Test”与“Color in IE9”这两个链接进入,虽然形式不同,但测试的结果是完全不同的。我们首先来看看第一个测试:进入页面之后,第一张由四个小图组成的图片就是您所使用浏览器的测试结果,以下是测试结果说明。本次我们使用目前非常著名的五款浏览器:微软IE、Google Chrome、Mozilla Firefox、苹果Safari以及Opera来进行测试,我们选择的浏览器程序均为Windows版。



测试结果说明

    从测试说明中,可以看到只有当四个小图颜色完全一致时,对色彩管理能力的支持才是最好的,下面我们就来看看这五款著名浏览器的表现吧。


不支持色彩管理的浏览器显示的图片是非常“难看”的


胜利者的成绩单

    从结果来看,微软IE9、所有版本的苹果Safari、Firefox 3.6.4之后的版本(需要修改参数)能够很好的支持色彩管理功能,而所有版本的Chrome与Opera以及老版本的IE和Firefox都无法支持加载ICC文件的能力,即使用这些浏览器观看图片时,可能会出现偏色的现象。下一页我们再来看看另外一个测试结果。


品牌:华硕 专业显示器 浏览器色彩管理测试结果与分析

    一个测试可能说明不了太多问题,下面我们来进入第二个测试。这个测试中如果浏览器能够很好的支持色彩管理功能,应该显示一副完整的图片,而不是上、中、下三个部分显示不同的色彩。我们建议点击放大图片来观看下面的测试结果。



上文中测试不合格者,成绩依旧不及格


优秀的“学生”在任何测试中都能取得好成绩

    在第二个测试中,我们可以看到与上一个结果完全相同,新版的IE、Firefox和Safari浏览器都能够很好的支持色彩管理功能,而Chrome与Opera浏览器则全军覆没。需要说明的是,IE9浏览器给我们带来了惊喜,这个惊喜不是在性能上有多么出色,而是可以看到微软正在不断的改善其在色彩管理方面功能上的不足,毕竟其在推出IE8等之前的浏览器还完全不支持加载ICC文件的能力,但可惜的是微软在发布IE9的时候并没有宣传这个新的特性,以至于很多用户毫不知情。同样,Firefox在近期发布的新版中也加入了对色彩管理的支持(但是需要修改参数,设置方法在最后的附文中介绍)。

    需要表扬的是苹果Safari浏览器,不论是Mac版还是Windows版其都至始至终的支持色彩管理功能,苹果自然在官方宣传中不会放过这一点,其在色彩管理方面所做的成绩已经获得了专业人士很好的口碑。而Chrome和Opera虽然版本数字非常大,但也许它们的设计理念就是追求快速、方便,因此也舍弃了诸如色彩管理等方面的功能。至于傲游、搜狗等国内厂商推出的浏览器能否支持色彩管理功能,感兴趣的读者可以自己来测试。

    而在上文中,我们已经介绍过苹果Mac OS中由于ColorSync色彩管理系统存在,其强制掌管每个程序的色彩处理大权,因此即使使用Mac版Chrome浏览器,依旧可以非常轻松的通过上述两个测试。

    为了避免上网浏览照片时出现偏色的情况,最好还是在拍摄时完整的保存图片文件,不要删除其原生的ICC文件信息,然后使用支持色彩管理功能(即支持加载ICC文件信息)的浏览器,或者干脆使用苹果Mac系统,这样就不再害怕出现“灵异事件”了。


附:Firefox 3.6.4之后版本浏览器支持色彩管理功能的设置方法(仅限于Windows版):

进入gfx.color_management.enablev4设置是否支持ICC v4,修改成ture,重启Firefox浏览器后即可。

说明:gfx.color_management.mode这里Firefox使用整数数字来定义,共有3种模式可以设置:

1):项值为0,表示关闭色彩管理功能(即放弃加载图片的ICC文件);
2):项值为1,表示开启色彩管理功能,行为方式是检测到含有ICC文件的图片时,调用其ICC文件,若检测的图片没有嵌入ICC文件,则采用Windows操作系统当前所设置的ICC文件来进行转换和处理(Windows默认的色彩管理文件为sRGB ICC);
3):项值为2,表示只对含有ICC文件的图片进行色彩管理,而对没有ICC文件的图片以及网页上的其它色彩(包括文字)则不做色彩管理,显示器使用Windows当前使用的ICC进行转换和输出(Windows默认的色彩管理文件为sRGB ICC),此时如果用户使用广色域显示器,会觉得色彩被夸张渲染。
    设置成功后需要重新启动Firefox浏览器才会生效!

结论:最好用带色彩管理的浏览器如 火狐FIREFOX 和 苹果safari 观看片子,不然你看到的就是不真实的颜色。不要自己带了有色眼镜,却不知道啊!

编者按:这也说明了为什么同一色彩的一张片子,在每个浏览器上会看到不同的色彩,所以先检查好自己的看图的浏览器,再去评判别人片子的色彩吧。



1

查看全部评分


Rank: 4

最后登录
2018-7-16
在线时间
2376 小时
注册时间
2012-12-29
精华
7
主题
365
帖子
1264

个人文集  个人精华

2#
发表于 2014-4-14 09:39:05 |只看该作者
为什么说IE浏览器不好
更新时间:2013年02月12日

浏览器一般是指用来浏览网页的程序,其中最常见的就是微软的IE浏览器-Internent Explore。微软公司凭借windows系统的成功,很容易就占据了浏览器市场的绝大多数份额。

尽管windows 8已经发布了很长一段时间,但从市场占有率看,windows xp是最成功的windows版本;而xp上的默认浏览器Internet Explore 6.0-即IE6,曾占据了全球浏览器市场80%以上的份额。

虽然微软是最大的IT企业,但是微软的成功仅仅局限在PC(personal computer,个人计算机)领域。而在网络领域,微软总是慢人一拍;随着IT的发展,网络将是IT的核心,利润最大的产生地,PC说到底仅仅是一个个人终端、节点。微软自然明白这个道理,而网络又是自己的劣势,所以微软看在眼里、急在心里。

在继续说浏览器之前,我要先给大家简单介绍下w3c。w3c是一个国际组织机构,这个组织机构制订了一系列网络标准。所有企业做网络应用开发时,都应遵循这些标准。浏览器是一种网络应用,所有浏览器都应该遵循w3c标准。然而在xp时代,微软完全垄断了PC市场,而IE6也借此占据了80%以上的浏览器市场。因此微软想通过自己在PC领域的优势扭转其在网络领域的劣势。因此微软在开发IE6时,故意不遵守w3c国际标准,以此来打压、搞死其他浏览器开发商。从微软自身利益来说,微软这个举措是非常成功的,他成功的阻碍了Internet多年的发展,为自己在Internet领域的发展赢得了宝贵的时间。但事与愿违的是,尽管微软成功的拖延了Internet的发展,但却一直没能坐上Internet老大的位置,而且自身的劣势越来越明显。

除微软以外,其他所有IT企业都遵循w3c标准。而像google之类Internet企业,在微软的强力打压下,不仅生存下来,而且优势越来越明显。此时的微软越来越觉得力不从心,甚至看到如果继续不遵守w3c标准,自己有可能永远退出历史。因此从IE7,微软决定开始遵守w3c标准。但是自己在该领域已经落后多年,即使最新的IE9在标准化方面还是远远落后。

因此说IE不好的最主要原因是因为IE6是非标准浏览器,即没有遵守w3c标准。对普通用户来说,使用非标准浏览器最大的影响就是很多网站不能正常显示。实际上,在xp时代,所有能正常显示的网站都没有遵循w3c标准。原因是IE6垄断了市场,所有的网站在开发时不得不放弃w3c标准,而跟随微软的标准。而现在情况完全相反,越来越多的网站开始遵循w3c标准。而IE6时代遗留下的网站,或者一些对w3c标准不太了解的企业,虽然是新做的网站,但依然采用IE6的标准,都无法在现代浏览器里正常显示;这种现象在欠发达地区尤为严重。

IE是渲染速度最慢的浏览器。

如果你是用心的用户,并且也有一定的IT知识,可能会发现,尽管IE9是windows的默认浏览器。但是打开IE9的速度远远慢于firefox(火狐)或chrome(谷歌浏览器)。经过测试,证明IE是渲染速度最慢的浏览器。当然不是我测试的。

5大常见浏览器。

浏览器有很多,但是对于普通用户来说,只要认识5大浏览器就足够了。按照对HTMl、css、的渲染速度,以及对javascript的执行速度来排名。分别是苹果公司的safari,google的chrome,firefox,opera,和IE。其中IE是速度最慢的。其他浏览器,普通用户一般接触不到。



IE内核浏览器。

你可能会说,360浏览器,QQ浏览器,遨游浏览器,等等。都非常有名,为什么不属于常见浏览器。实际上,浏览器的技术含量还是蛮大的,并不是普通IT企业就能开发的。而360之类的企业仅仅是开发了一套浏览器的UI,通俗点说就是浏览器的皮肤,他们调用的依然是IE的内核,因此从本质上说,他们都属于IE浏览器。类似的东西还包括我们看电影用的风行程序,pps程序等。



浏览器之争,兵家必争之地。

你可能会很奇怪,浏览器不就是一个浏览网页的小程序吗,为什么苹果、微软、google这样的IT巨人都如此注重?在IT发展的早期,网络的作用并不明显,浏览器的重要性,自然也得不到重视,windows成为该时代的代表。然而随着网络的发展,任何一个孤立的电子设备都失去意义。就像chrome notebook上写的那样:“如果不联网,我可以垫桌脚”。在这个即将到来的新时代里,浏览器的作用不再是简单的浏览网页,他代表着B/S结构,一种更加方便快捷的连接网络资源的模式。尽管google对chrome OS一直保持低调。但业内人士都认为chrome OS将是取代windows的下一代操作系统。而google的chrome浏览器其本质只是chrome OS的一个小缩影。

Rank: 4

最后登录
2018-7-16
在线时间
2376 小时
注册时间
2012-12-29
精华
7
主题
365
帖子
1264

个人文集  个人精华

3#
发表于 2014-4-14 14:01:36 |只看该作者
检测您的浏览器是否支持色彩管理
时间:2009-07-15 22:05:54  来源:形色论坛  作者:swcool


您大概知道,不是所有的浏览器都支持色彩管理,对于经常在网上发表摄影作品或经常发表作品评论的朋友,使用不支持色彩管理的浏览器经常导致混乱,给您带来很多不必要的困扰,以下这两张来自datacolor的图片,可以检测您的显示器是否支持色彩管理。

1.jpg

2.jpg

这两张图片正确显示应该如下图,
4.jpg


如果您看到的不是这样,这说明您的浏览器不支持或没有打开色彩管理功能,不支持色彩管理,对于一般用家可能没什么大的关系,但对于摄友来说,其后果是不敢想象的

为了在网络中看到正确的色彩,请您尽可能地使用支持色彩管理的浏览器并确认打开它的色彩管理功能,我们推荐使用firefox 3.5以上版本,并通过简单的设置就可以使它支持色彩管理:

1、您可以到firefox的官方网站http://www.mozillaonline.com/ 下载firefox 3.5以上版本并安装它

2、打开firefox的色彩管理功能:

在地址栏输入 about:config ,回车,进入配置页面

在Filter栏输入 gfx ,查找与图像有关的设置文件

双击 gfx.color_management.enabled ,将value(值)选择为 True

上面一行gfx.color_management.display_profile,数值为你的显示器配置文件路径

这就OK了

3、现在关闭firefox 重新运行firefox,并用它浏览本页的图片,看是否有什么变化?

至于更多的关于色彩管理的知识,可以参考形色论坛winddxr版主的文章-《核心基础]数码后期的色彩管理环境设置和常见问题的FQA》,这是一篇非常有参考价值的文章,或您会有更多的收获。

《核心基础]数码后期的色彩管理环境设置和常见问题的FQA》
http://www.swcool.com/bbs/thread-47845-1-1.html

Rank: 4

最后登录
2018-7-16
在线时间
2376 小时
注册时间
2012-12-29
精华
7
主题
365
帖子
1264

个人文集  个人精华

4#
发表于 2014-4-16 19:32:02 |只看该作者

Rank: 4

最后登录
2018-7-16
在线时间
2376 小时
注册时间
2012-12-29
精华
7
主题
365
帖子
1264

个人文集  个人精华

5#
发表于 2014-4-17 19:52:51 |只看该作者
我承认,摄影是艺术,如果你愿意在照片中融入情感的话。但是,摄影首先是技术。即使艺术是你的目标,你也需要通过技术的阶梯向上攀登。有许多小问题会影响一张照片。有时候可能是某一个特殊的拍摄设置,有时候可能是某一个隐秘的软件功能,更多时候可能是我们对一些基础理论的忽略。---网摘

Rank: 7Rank: 7Rank: 7

最后登录
2022-5-14
在线时间
3231 小时
注册时间
2013-1-6
精华
10
主题
858
帖子
17122

个人文集  个人精华

6#
发表于 2014-4-18 20:05:59 |只看该作者

谢谢分享好文章!

Rank: 2

最后登录
2014-12-10
在线时间
247 小时
注册时间
2013-7-24
精华
0
主题
14
帖子
505

个人文集  个人精华

7#
发表于 2014-4-21 11:21:12 |只看该作者
受益!
您需要登录后才可以回帖 登录 | 注册

回顶部