为什么图片导入Ae后饱和度变高了？

最近在工作中遇到了一个问题，其实也不是最近遇到的，只是懒得解决(:D)。就是图片导入 Ae 后饱和度会变高 (图1)，我的第一反应还是颜色配置文件的问题。下面我就简单说下我的猜测与证明过程。

图1

我用的电脑是 MacBook Pro 与 iMac，两台电脑均碰到了这个问题，Windows 电脑没验证，不知道会不会出现这个问题。

我们平时用 Sketch 时，如果不特意设置颜色配置文件，那么导出图片的颜色描述文件是 sRGB IEC61966-2.1 (图2)，把这张图片导入 Ae 后饱和度就变高了，我猜测问题就是因为这张图片的颜色描述文件是 sRGB。于是我拿截图工具在 Sketch 里直接截了一张图，可以看到这张截图的颜色描述文件是 Display P3 (图3)，这是因为电脑显示器的色彩描述文件就是 Display P3 (图4)，所以截图的颜色描述文件也是 Display P3。把这张图片导入 Ae 后，可以看到，图片的饱和度并没有发生改变 (图5)。

图2与图3

图4

图5

似乎找到了问题出在哪。

于是我继续测试。把原来这张颜色描述文件为 sRGB IEC61966-2.1 的图片改成 Display P3。更改方法很简单，在预览里找到“工具”->“指派描述文件” (图6)，改为 Display P3，然后把这张图片导入Ae，发现饱和度也没有发生变化，进一步验证了我的猜测。那在 Sketch 里直接导出颜色描述文件为 Display P3 的图片是不是也没问题？于是我更改 Sketch 的颜色配置文件为 Display P3，导出。可以看到导出的图片跟刚刚在预览里改的图片看起来是一样的 (图7)，导入Ae后饱和度仍然没有发生变化。

图6

图7

基于以上，我的初步猜测是因为显示器是 Display P3，所以如果导出的图片是 sRGB，导入 Ae 后会色彩会进行一个强制转换，因为 P3 色域要比 sRGB 高，所以我们会看到图片导入 Ae 后饱和度变高了。如果你不想图片导入 Ae 后饱和度过高，那在平时做图或导出时选用 Display P3。如果平时做图时用的是 sRGB，那就只能忍受一下这个小色差了。

除此之外还有几个地方需要注意：

1.Ps如何导出颜色描述文件为 Display P3 的图片？

在用 Ps 作图时，色彩配置文件一般默认是 sRGB IEC61966-2.1，如果需要导出 Display P3 的图，需要在“编辑”->“指定配置文件”中将配置文件改为 Display P3，在导出时把转换为 sRGB关掉，并且嵌入颜色配置文件，这样就可以成功导出颜色描述文件为 Display P3 的图片了。(图8)

图8

2.什么情况用 Display P3，什么情况用 sRGB ？

其实在 Sketch 里更改颜色配置文件时就已经告诉我们了，Display P3 是宽色域显示的颜色配置，适用于比较新的 Mac 与 iOS 设备，色彩更丰富，但是不适用于网页设计。而 sRGB 是网页设计的标准颜色配置，可以满足各类设备的要求，所以我们一般情况下就是使用 sRGB。

3.Sketch 在颜色配置文件为 Display P3 的情况下导出图片颜色描述文件却是 sRGB ？

在导出时勾选上“Interlace PNG”，也就是交错式 PNG，且不要勾选 Save for web，因为保存成 web 后颜色配置与 EXIF 元数据会被丢弃。这样就可以导出颜色配置文件为 Display P3 的图片了。(图9)

图9

4.Sketch 在两个颜色配置文件之间转换时出现的两个选项有什么区别？

Assign 的情况是色值不变，但是颜色会发生轻微的变化。Convert 是色值会变，但是颜色会尽可能保持不变。(图10)

图10

以上内容仅供参考，如果哪里错了欢迎指定，我再研究研究。 :D