用于网页设计的Photoshop颜色设置


9

在Photoshop中应使用哪些颜色配置文件设置进行网页设计?监视器校准效果是否可以保存Web图像?

我用色度计对显示器进行校准,并希望确保所有主要浏览器的颜色都一致。

我将校准后的显示器配置文件用于工作空间,关闭了色彩管理功能,并且不为网络保存嵌入配置文件,并尝试尽可能使用.png 24。这是最佳做法吗?

颜色设定

在此处输入图片说明

储存网路

在此处输入图片说明


1
可能的补充问题-尽管您已经解释了Web是您的用例,但是如果您确实需要偶尔编辑他人的CMYK艺术作品,上述设置是否“安全”?
e100

好点子。我没有太多的印刷或CMYK经验,所以我不知道。
Chris_O 2011年

Answers:


5

除非具有“请勿打扰”,“浪费时间”或“ fuggedaboudit”,否则“色彩管理”和“网络开发”绝对不能在同一句子中使用。该概述的原因是正确的。我还没有看到办公室(图形设计工作室除外),其中任何两台显示器都显示相同的颜色。家用计算机至少同样糟糕。

如果您主要在Web上工作,则sRGB 必须是默认值,因为这是Internet的标准,并且是所有用户代理(浏览器)构建要显示的内容。

不要在网站图片中嵌入颜色配置文件。它们会增加图像的大小,但不会添加任何有用的信息,因此您要做的就是使页面变重。当从Photoshop中为Web和设备保存时,请确保取消选中“嵌入的颜色配置文件”。为了安全起见,请选中“转换为sRGB”(如果要处理的是其他色彩空间中的图像,而您却忘记了对其进行转换)。

要回答您的其他问题:显示器校准不会影响SfW图像,除非您将显示器配置文件用作图像的颜色配置文件(绝对不能出于任何原因或出于任何目的(除个人桌面墙纸以外)使用该配置文件)。

PNG-24对于具有透明性的图像很有用。如果不涉及透明度,则jpeg通常会为相同的图像质量和颜色很少的简单图像提供较小的文件,尤其是当它们具有硬边(徽标是经典示例)时。.gif通常是最佳选择。


7

好吧,最大的问题是,您将花费大量时间和精力进行校准和选择颜色(对您有好处!),而这些颜色很可能会被甚至无法工作的人看到。显示器上的“亮度”按钮。我(非设计人员)的同事都有两个屏幕,而且两个屏幕都不匹配。因此,如果您问“根据我进行的艰苦校准,我的客户要求的特定红色是否总是看起来正确?” 答案令人遗憾地是:

没有。

但是,(而且这相当大)您需要采取的所有护理措施都很重要。通过保持一致的配置文件,您的所有页面/颜色将在同一台显示器上看起来相同。请记住,并不是每个人使用的显示器都不一样,所以它看起来并不总是一样。

如果不嵌入配置文件,可能会使浏览器无法打开当前配置文件。如果您可以让主要的浏览器就色彩处理达成一致,那么其中可能会有某种诺贝尔奖。

长话短说,是的 -您要采取的所有护理都很重要,而且您所使用的设置也很好(尽管我个人会寻找更通用的RGB配置文件)。但是,一旦您的设计离开您的机器并进入了一个广为人知的网络用户世界,您将拥有如此多的控制权。


非常有帮助,谢谢!我想我最担心的是,如果我使用在Photoshop中创建为颜色#172550的图形,那么我在CSS中的#172550与任何监视器上的图形都匹配。
Chris_O 2011年

您还可以使用网络安全色
杰克

2
Web安全颜色是“限制损坏”的一种好方法,但是不幸的是,#172550颜色在各个方面看起来都不同,这是因为绝大多数人从未校准过显示器。如果您使用的是印刷品,这将变得更加容易,因为专业印刷商可以使用Pantone标准,因此他们知道#172550的外观。
grassdartcatcher 2011年

2
浏览器使用sRGB。那就是W3C标准。对图像使用任何其他颜色配置文件可确保在浏览器中查看时它将有所不同。
艾伦·吉尔伯森

2
网络安全颜色在这里(以及其他任何地方都无关紧要:graphicdesign.stackexchange.com/questions/40/…
e100


1

我对Web颜色管理的诚实感觉与上述内容类似,但有一些警告。

一般而言,如果要在色彩管理工作流程之外进行设计,并且监视器/软件组合恰好是一种方法,那么在末端维护色彩管理工作流程确实很有意义,这样至少可以有一个很好的起点。出去吃午饭(意想不到的偏色,色域和伽马问题等),您会增加另一名未经校准的最终用户的设备在相反方向上乱丢相当数量的风险,并且最终看到的东西是原来的两倍。与您首先根据色彩偏向色彩决策在色彩管理工作流程中设计的内容相比,其显示效果较差。

另外,虽然我从不标记网站和网站模板的图形图像(标题,导航,背景等)(因为这可能导致十六进制指定的颜色与颜色管理的图像之间难看的不匹配,最终导致颜色管理在实际尊重颜色配置文件的一些浏览器),我经常标记的照片。特别高分辨率的图像。在极少数情况下,最终用户正在使用色彩管理的浏览器查看内容,配置文件可确保用户在拍摄照片时看到照片,并且人的肤色,天空,水等代表正确。

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.