如何确保在宽色域显示器上使用浏览器进行正确的色彩再现?


13

在网络上进行编辑时,每个人都会建议您使用sRGB,因为许多浏览器都不提供颜色管理,并且大多数浏览器始终会将所有图像解释为sRGB。

这对于正常的色域显示中使用的浏览器是正确的,而这些色域本身就是sRGB。

现在进入色域显示。它们生活在AdobeRGB色彩空间中,令我感到沮丧的是,在没有色管理的情况下,浏览器也将图像数据解释为AdobeRGB色彩空间。如果将sRGB图像数据解释为AdobeRGB会怎样?颜色不对,太浓,看起来很艳丽。

当使用具有色彩管理功能的浏览器(如FireFox)时,问题甚至仍然存在,但是查看没有嵌入式配置文件的图片:这些图片将被解释为AdobeRGB而不是sRGB。

简而言之:自从我获得宽色域显示以来,flickr看起来很糟糕。

有什么想法可以让我的浏览器(Internet Explorer和FireFox)默认使用sRGB而不是AdobeRGB进行颜色再现吗?

我正在使用Windows 7。

有趣的是,当我将图像下载到本地驱动器并使用文件查看器查看它们时,颜色正确地解释为sRGB。


我怀疑Flickr在生成较小尺寸时也可能不包括颜色配置文件。
罗兰·肖

包含配置文件的文件不是我的主要问题。我的主要问题是不包含配置文件的图像。
山姆

@Rowland Flickr 在调整大小的图像保留颜色配置文件。
马克惠特克

您在最后一句话中提到的“有趣的事情”只是因为图像查看器将未配置的图像视为sRGB,而Firefox却没有。请参阅我有关如何使Firefox做到这一点的答案。
马克·惠特克

Answers:


-4

不幸的是,您无能为力。要获得所需的内容,必须将系统配置文件设置为sRGB。

没有附加配置文件的图像的图像颜色再现行为是不确定的。如果未附加配置文件,浏览器将不会猜测图像所在的颜色空间。操作系统会处理该问题。

正确获得色彩再现的正确方法是将配置文件附加到图像。显然flickr(和smugmug缩略图)不提供此选项。

因此,您有两种选择:一种,设置窗口以将sRGB用作您的显示器配置文件;那么所有未标记的图像将看起来像sRGB,但是标记的图像将看起来像废话,并且您的色彩管理将变得很糟糕。

或者,只是处理的事实,非托管的图像是魔鬼,没有什么可以做的。

也许有一个firefox插件可以自动附加颜色配置文件,但除此之外,它只是一个普通的老字号,被称为颜色管理。

我不得不用Smugmug处理相同的问题。我的图像都附加了sRGB配置文件,因此它们看起来很棒(在色彩管理的浏览器中),但是缩略图看起来过饱和。这是因为拇指是自动生成的,而smugmug拒绝在其上附加颜色配置文件,因为它使缩略图的大小增加了一倍。因此,无论操作系统决定渲染它们的方式如何,拇指都会进行渲染。


实际上,我发现我的显示器(Eizo CG303w)提供了一个模式开关,可用于在AdobeRGB和sRGB之间进行切换,这对于浏览非常方便。
山姆

“要获得所需的内容,必须将系统配置文件设置为sRGB。” -那是完全错误的。切勿将系统配置文件设置为sRGB,而应使用校准设备对显示器进行配置。
马克·惠特克

1
抱歉,-1几乎是所有错误答案!您不必将显示配置文件设置为sRGB,可以将配置文件附加到Flickr上的图像,Firefox 可以将未标记的图像渲染为sRGB,获得颜色再现的正确方法不是(只是)标记图像,而是配置您的显示器!简而言之,就是一些你可以做些什么!
马克·惠特克

1
抱歉,第一部分“将显示器设置为rgb”是个坏建议,“图像看起来像sRGB,但是其他图像看起来像废话。” 我本应该将其标记为此类,但我认为这暗示这是一个坏建议。另外,在firefox中的设置中,并没有说将图像标记为哪个配置文件。第三次修复颜色校准并设置firefox浏览器非常适合您自己,但请尝试让要访问您的图库的每个人都这样做。这是非托管映像的真正问题。
艾伦(Alan)

17

我遇到了完全相同的问题,有可能得出正确且可行的解决方案。问题和先前的答案(实际上,通常是关于颜色管理)都存在很多误解,所以让我尝试清除它们并为您提供答案。

首先,误解...

  1. 常规(非宽屏)显示器不“实时显示在sRGB中”,宽色域显示也不“实时显示在AdobeRGB中”。sRGB和AdobeRGB(与ProPhoto RGB一起)被称为工作配置文件:它们与任何现实设备都不匹配,它们只是提供一组标准的测量值,所有设备都可以通过编程来理解这些测量值。每台显示器(和每台打印机)都有自己的配置文件,并且随着显示器的老化,该配置文件可能会随着时间而改变。单个显示器的配置文件可能与标准工作配置文件之一有很大程度的重叠,但是说它完全匹配甚至完全适合其中是不正确的。它'

  2. 绝对不要将显示器的配置文件设置为工作配置文件之一(因为这不是它的配置文件!)。正确的解决方案是使用校准设备找出显示器的正确配置文件,然后使用该配置文件。

  3. 浏览器不是唯一的成果:您想要确保以一种其他显示器应用程序(Photoshop,Lightroom等)还可以如实显示颜色的方式对显示进行配置。

  4. 这里一些你可以做浏览器中的非托管的图像(其他几个答案都谈到了它)。我将在下面详细介绍。

在监视器上查看图像时配置文件如何交互的粗略指南

在理想的世界中,观看图像时不会出现两个配置文件。第一个是图像中嵌入的配置文件:我们称其为输入配置文件。请记住,数字图像由像素组成,每个像素都包含红色,绿色和蓝色的组合。因此,对于纯红色正方形,每个像素都设置为100%红色,0%绿色,0%蓝色。但是100%红色是什么意思?这就像在路​​边看到一个标语,上面写着“您现在可以以最高速度行驶”。最高速度是多少?快到汽车要行驶的速度?该标志没有说明,因此实际速度会因汽车而异。输入配置文件告诉我们的是100%的值是相对于什么的:对于带有嵌入式配置文件标记的图像,您的计算机现在知道“ 100%红色”表示由该特定配置文件定义的最大红色值。(为完成类比,我们的路标现在说:“最大时速70英里。您现在可以最大速度行驶。”)

因此,一旦使用嵌入式配置文件标记了图像,我们就会确切知道我们需要显示什么:确切地显示红色,黄色或其他颜色的阴影。下一个问题是:我们如何显示它?在几台不同的计算机(或您的计算机和手机)上查看同一张图片,您会看到没有两个显示器以完全相同的方式呈现颜色。这是我们需要校准显示器以产生显示配置文件(输出配置文件)的地方,该配置文件准确地告诉我们该特定设备如何呈现颜色。现在,我们已经获得了所需的两条信息:

  • 输入配置文件:此图像显示“红色”时是什么意思?
  • 输出配置文件:如何使该硬件显示(尽可能接近)红色阴影?

如果图像未标记怎么办?对于除最专业的用法外的所有对象,可以安全地假定未标记的图像正在使用sRGB配置文件。

现在回答你的问题

任何显示器的第一步-尤其是在宽色域显示中尤为重要-正确校准显示器。这就需要使用校准器:位于屏幕上方的一块硬件,在显示一系列测试图像时获取颜色读数,以确定显示器实际显示的颜色。对于宽色域显示,您必须确保使用合适的校准器:我使用Spyder Pro 3,它可以正常工作。

校准显示器后,您应该发现任何色彩管理的应用程序现在都在忠实地显示色彩。在校准之前,我的色域监视器显示了所有过饱和的内容:肤色为番茄红色,Photoshop和Lightroom均无法使用。校准后,它们看起来都很完美。因此,请使用色彩管理的应用来测试您的校准。

现在进入浏览器!Firefox是在经过校准的广色域显示器上对我来说运行良好的唯一浏览器。默认情况下,它使用图像中嵌入的颜色配置文件正确显示它们,但是未标记的图像仍然显得过饱和。但是不用担心,一切都不会丢失!

  • 输入about:config中在地址栏中。
  • 向下滚动并查找gfx.color_management.mode
  • 将值更改为1

导致Firefox将所有未标记的图像视为sRGB:这正是我们想要发生的事情。它甚至可以在书签栏中的图标上运行!不幸的是,它仍然无法在Flash视频播放器上运行。

双方的SafariChrome浏览器也是色彩管理,但都有其缺点。Safari(至少在Windows上)不会将未标记的图像视为sRGB;Chrome可以,但是默认情况下会禁用其颜色管理,并且很难打开

在撰写本文时,Opera根本没有色彩管理,而IE9就是彻头彻尾的白痴:它尊重输入配置文件(嵌入在图像中的那个),却忽略了显示输出配置文件!这使得IE9在宽色域显示器上表现不佳。

因此:校准+使用Firefox +将gfx.color_management.mode设置为1 =很好。:)



3

这可能是与此类似的问题:Flickr中的Lightroom输出太暗。我有两个广色域显示器(台式机,笔记本电脑)。您可能想尝试一下较新版本的Firefox,但我不会屏息。一年前,我在Firefox Bug跟踪器(问题497363509710)中来回报告此问题。Firefox中的颜色​​管理并不像实际上启用一个选项那样容易。ICC配置文件的结构和功能不同。我们中一些具有广色域显示的人注意到Firefox无法正确解释相应的ICC配置文件。

如果我使用其他校准工具生成不同的ICC配置文件,或者使用带有硬件LUT的监视器(即可以与您的校准工具直接通信并将校准参数存储在其硬件中的显示器),则此问题可能会消失。您可以使用免费的ICC配置文件检查器来浏览您的配置文件,并将其与其他已知有效的配置文件进行比较。这是ICC配置文件规范。以下是我的个人资料的屏幕截图,请查看您的个人资料是否有共同之处。

从那时起我再也没有尝试过任何Firefox beta版本,我只是习惯了这个问题。如果您尝试使用较新的版本,我很想听听。永远不要照亮您的照片,也不要在Flickr照片中使用AdobeRGB,请坚持使用网络友好的sRGB色彩空间。

替代文字


1

现代版本的Firefox可以尝试和管理未分析的图像以及已分析的图像。您可以进入about:config并将gfx.color_management.mode更改为“ 1”。(默认值为2。)使用Googling可能会产生更好的解释,但是在查看SmugMug缩略图等时它对我有所帮助。

对于Win7过饱和的红色,它仍然不是系统范围的修复程序,但至少我的浏览器是理智的。


“ Win7过度饱和的红色”与Windows 7无关,这是显示器问题。不过,您对Firefox设置是正确的。
马克·惠特克

0

我相信您对IE不太满意,尽管在IE 9中可能会更正。对于Firefox,正如您已经知道的那样,它对配置文件信息提供了一些支持,并且您可以获得有关各种设置的一些说明,这些说明可以缓解此问题。你有它。您的另一个选择是使用应该正确识别颜色的Safari。

如果真的可以叫的话,最后的选择是将显示器切换到sRGB色彩空间(如果支持)。

我们自己的jrista似乎是这里的色彩专家,因此也许他会通过提出更多主意而趋于一致。


如我上面所述,FireFox确实支持颜色配置文件,但是对于没有颜色配置文件的图片(仍然占互联网的99%),问题仍然存在。
山姆

0

截至目前(2010年10月11日),这是Firefox和IE中颜色管理的状态。

Firefox v3.5.x-支持完整的色彩管理,但仅了解ICCv2配置文件。如果您的显示校准/配置文件软件支持创建v2配置文件(在程序设置中的某个位置查找选项),则应该能够使图像正确显示。请注意,默认情况下,Firefox仅对使用颜色配置文件标记的图像使用颜色管理。由于网络上有许多未标记的sRGB图像,您可能需要配置Firefox以管理所有图像的颜色。进行此更改的最简单方法是使用Firefox的颜色管理扩展。

FireFox v4(当前处于beta版)-FireFox4最终将支持ICCv4颜色配置文件,包括图像和显示配置文件。当前的Beta膨胀,漏洞百出且运行缓慢,因此我不建议将它们普遍使用,但至少我们知道正确的色彩管理正在路上。

Internet Explorer 8.x-完全没有色彩管理。邮编,娜达。

Internet Explorer 9(当前处于beta版)-公开beta版仅提供了一些有限的色彩管理支持,但在宽色域显示器上没有真正的用途。IE9(测试版)识别使用sRGB以外的配置文件标记的图像,并将其转换为sRGB。不幸的是,它完全忽略了显示配置文件,这意味着,如果您使用宽色域监视器,则所有内容仍会过饱和。MS是否会解决此问题,还是提高渲染速度的故意决定,还有待观察。如果你们中的任何人正在对IE9进行Beta测试,则建议报告此错误,以便MS知道有些人对此感到不满意。


-1

我遇到了同样的问题。我想您会发现,如果您安装Safari,那么Flickr图片就可以正常显示,因为它支持色彩配置文件。


如我上面所述,即使在支持颜色配置文件的FireFox中(是的,我也对其进行了测试),问题仍然存在于不包含颜色配置文件的图片中(约占Web的99%)。
山姆

1
虽然默认设置仅是颜色管理的标签图像,但可以将Firefox配置为对所有图像使用颜色管理。
杰夫·科恩

我认为“告诉所有人安装Safari”不是一个非常实用的解决方案!
请阅读我的个人资料,

我不是在告诉所有人安装Safari。我刚刚注意到它们看起来确实不错,仅此而已。
肖恩
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.