AdobeRGB与sRGB色彩空间以及图片上传微信朋友圈颜色变淡的原因


AdobeRGB与sRGB色彩空间以及图片上传微信朋友圈颜色变淡的原因

封面pid:50527939

一个很平常的下午,我把我刚修好的图片发到了朋友圈。等待上传完毕之后,我习惯性地扫了一眼我刚才上传的照片。我发现照片色彩暗淡,和我修好的照片大有不同。

带着疑问,我开始寻求答案。微信会对上传的图片进行压缩,但压缩不是导致图片颜色改变的原因。这里就要引出一个概念:色彩空间。

简单解释下,色彩空间是对色彩范围的描述。常见的色彩空间有sRGB,AdobeRGB,CMYK等。

我在ps里面修完了图之后没有注意导出照片的色彩空间,我设置的是AdobeRGB,将图片上传到微信之后,微信只会以sRGB色彩空间显示图片,所以颜色发生了改变。

那么问题又来了,为什么颜色是变得暗淡,而不是其他变化呢?

首先,微信在压缩图片之后,无论是什么色彩空间的图片都会被微信压缩成sRGB色彩空间的图片。sRGB实际上是AdobeRGB的子集,也就是说sRGB有的颜色AdobeRGB都有,AdobeRGB有的颜色sRGB却不一定有。

这幅图通过归一化,用二维平面表示出了三个数据,X轴是红色的比例,Y轴是绿色的比例,而Z轴是蓝色的比例,虽然Z轴没有画出来,但它的比例数据可以很方便地计算出来。比方红是0.2,绿是0.3,那么蓝就是0.5。因为它们三者加起来必须等于1。我们知道,一切颜色都是通过不同比例的红绿蓝三原色组合而成的。

现在我们回到三维的坐标轴上,我们假设sRGB和AdobeRGB中的所有色彩都可以通过(x,y,z)三个坐标值表达出来,xyz分别对应红色绿色蓝色,值的范围是0到255。由于AdobeRGB的范围比sRGB大,因此在sRGB中值为(255,255,255)的颜色在AdobeRGB中三个数值应都比255小。同样的,假设另一个颜色在AdobeRGB中的数值是(128,128,128),那么它在sRGB中三个数值都应该比128大,我们假设是(150,150,150)。

回到微信身上,假设我们的颜色是(128,128,128),色彩空间是AdobeRGB,现在微信将这个数值用sRGB的色彩空间显示了出来。我们原本(150,150,150)的色彩被显示成了(128,128,128),更靠近坐标原点了,因此色彩和原来相比显得暗淡。

这是一种比较粗浅的解释。实际情况比这个复杂。

为了适应互联网传播,我们的图片最好都是sRGB色彩空间。使用PS时修完图之后请在文件-导出-导出为里面把转换为sRGB勾选上。也可以在lightroom中导出的时候勾选转换为sRGB。


文章作者: eacryo
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 eacryo !
  目录