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

平面设计 网站设计 颜色配置文件
2022-01-07 19:37:32

应该在 Photoshop 中使用哪些颜色配置文件设置进行网页设计?显示器校准效果是否保存为网络图像?

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

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

颜色设置

在此处输入图像描述

保存为网络

在此处输入图像描述

4个回答

好吧,最大的问题是您将花费大量时间和精力来校准和选择颜色(对您有好处!)而且它们很可能会被甚至无法工作的人看到显示器上的“亮度”按钮。我的(非设计)同事都有两个屏幕,甚至没有一个相互匹配。因此,如果您要问“我的客户要求的这种特殊红色有什么方法可以根据我进行的艰苦校准始终看起来正确吗?” 可悲的是,答案将是:

不。

但是(这是一个很大的但是)你所采取的所有照顾都很重要。通过保持一致的配置文件,您的所有页面/颜色在同一台显示器上看起来都一样。请记住,并非每个人都在使用与您相同的显示器,因此它看起来并不总是一样的。

通过不嵌入配置文件,它可能会为浏览器打开覆盖当前配置文件的大门。如果您可以让主要浏览器就颜色处理达成一致,那么您可能会获得某种诺贝尔奖。

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

“色彩管理”和“网络开发”不应该在同一个句子中使用,除非有“不要打扰”、“浪费时间”或“fuggedaboudit”的限定。草坪捕手概述的原因是正确的。我还没有看到任何两台显示器显示相同颜色的办公室(图形设计工作室除外)。家用电脑至少同样糟糕。

如果您主要在 Web 上工作,那么 sRGB必须是您的默认设置,因为这是Internet 的标准,并且是所有用户代理(浏览器)的构建目标。

不要在网站的图像中嵌入颜色配置文件。它们会增加图像的大小,但不会添加任何有用的信息,因此您所做的只是让您的页面更重。当您从 Photoshop 保存为 Web 和设备时,请务必取消选中“嵌入颜色配置文件”。作为一项安全措施,请选中“转换为 sRGB”(以防您正在处理其他颜色空间中的图像并且忘记转换它)。

回答您的其他问题:显示器校准不会影响 SfW 图像,除非您使用显示器配置文件作为图像的颜色配置文件(除了个人桌面壁纸之外,您永远不应出于任何原因或任何目的这样做)。

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

+1 克里斯,这真的是一个很好的问题,确切地说我不知道​​那么深,但是当我对这个问题感兴趣时,我发现了一些相同的文章,可能它们对你有帮助,因为我根据他们改变了我的设置,请采取看看,它也可能会解决你的好奇心。

  1. 伊万的色彩管理
  2. 在 Photoshop for web 中管理颜色的提示
  3. 颜色管理以匹配多个设备的颜色
  4. 这个设置没有人应该用于 Photoshop

希望至少这应该有所帮助.......

我对网络色彩管理的真实感受反映了上面表达的那些,但有一些警告。

一般来说,在您的最终维护一个色彩管理的工作流程是有意义的,这样您至少可以有一个良好的起点——如果您在色彩管理的工作流程之外进行设计,并且您的显示器/软件组合恰好是方式出去吃午饭(意外的色偏、色域和伽玛问题等),您增加了另一个未校准的最终用户的设备在相反方向出现等量故障的风险,并且最终看到的东西是两倍与最初在色彩管理工作流程中设计的情况相比,基于您做出的有偏见的色彩决策,显示效果不佳。

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