当我从 Illustrator 导出图像时,为什么导出的图像颜色略有不同?

平面设计 网站设计 adobe-illustrator 颜色 出口 颜色配置文件
2022-02-10 02:35:49

我在 AI 中有一个网页设计布局,我正试图将其分割成 HTML/CSS。我无法将导出文件中的颜色与 Illustrator 中的颜色保持一致。

当我在 Illustrator CS4 中打开它并使用吸管工具检查徽标的颜色时,它是#AB336B. 最终,这是我希望徽标在导出后的颜色。

但是当我在“保存为网络和设备”对话框中打开它并从那里取样颜色时,它说它是#CA006C,即使它看起来仍然像#AB336B

谷歌搜索后,我感觉它与颜色配置文件有关,但我仍然不确定如何解决我的问题。

4个回答

听起来像是工作 ICC 配置文件的问题。您是否禁用了色彩管理?

如果您还没有,请转到Edit -> Assign Profile并选择Don't Color Manage This Document.

#CA006C通过更改分配的配置文件,我可以在一定程度上复制提到的问题(获得各种样本值,尽管不一样)。(FWIW,在 Windows 上使用 AI CS3)

在 Illustrator 中,您使用的是 RGB 还是 CMYK?如果您使用的颜色配置文件与预期的最终目的地不同,您将因为翻译而获得一些变化。如果你能弄清楚你的“最终目的地”是什么,你可以在 Illustrator 中应用它,你不应该遇到这个问题。

在 Illustrator 中处理 Web 或应用程序设计时,需要确保正确维护颜色的几个要点。下面的一些设置会影响 Illustrator 中预览的外观,而其他设置会影响导出文件的外观。

在我看来,重要的是两者都是正确的。这是您需要做的:

  • 确保文档设置为 RGB 颜色空间(不是 CMYK)。

  • 首选项下的黑色外观设置为“将所有黑色显示为深黑色”。

  • 您的颜色设置使用显示器的配置文件(这只影响 Illustrator 中的预览)。

在此处输入图像描述

  • 您文档的颜色配置文件设置为“不对该文档进行颜色管理”。

在此处输入图像描述

  • 使用 Save For Web & Devices 时,禁用“转换为 sRGB”。

是的,有一些事情需要改变,但你会做得更好——所有颜色值都将保持与你设置的一样,正确显示并正确导出。

一旦你像这样设置了 Illustrator,你应该对 Photoshop 做同样的事情。

请注意:这些说明是使用 Illustrator CS5 创建的,但我在 Illustrator 和 Photoshop 的许多版本上测试相同的设置已经有一段时间了。

设置新文档

听起来您需要在创建新文档时为“配置文件”选择“Web” 。

选择 Web 颜色配置文件

修复现有文档

要修复现有文档,请创建一个新文档(使用“配置文件:Web”),然后将旧文件中的内容复制到新文件中。

将文档颜色模式设置为 RGB