照片上传后为什么颜色发灰变淡

你修好一张商品图，红色和实物毛衣一模一样，上传到自己的店铺——红色回来却变成了砖红。绿色发暗发黄。在同一块屏幕上打开原图：还是完美的。

这不是压缩，平台也没有在“毁掉”你的图片。常见的原因是色彩配置文件不匹配：文件用一种语言描述自己的颜色，而页面用另一种语言去读那些数字。

同样的数字为什么会变成两种颜色

一个像素就是三个数字，而 200、40、40 只有在你知道是哪个色彩空间在度量它时，才是某个具体的红。Display P3 把红色基色推得比 sRGB 更远（x 0.68 对 0.64），所以同一组数字描述的是更深的红。Adobe RGB (1998) 保留了和 sRGB 完全相同的红、蓝基色，转而拉伸绿色基色，所以它多出来的范围落在绿色和青色上。不管是哪一种，对一个默认按 sRGB 理解的浏览器来说，这些数字的含义都变了。

配置文件就是那张写明“用的是哪把尺子”的说明，而一旦它丢了，网页会强行采用默认值。CSS Color Module Level 4 说得很明确：出于兼容性考虑，HTML 中指定的颜色以及未加标记的图像，除非另有说明，都必须按 sRGB 色彩空间处理。你那张没有标记的上传图从来不会“另有说明”，于是它就是 sRGB。

所以，如果你的文件是按 Adobe RGB 或 Display P3 导出的，而配置文件在中途被丢掉——重新编码的处理管线、剥掉元数据的转换工具——这些宽色域的数字就会被当成 sRGB 来读。挤进一个更窄的假设里，它们出来就是饱和度不足的样子，也就是你看到的发灰。哪些颜色受影响取决于源头：被误读成 sRGB 的 Adobe RGB 文件，绿色和青色会没了劲；Display P3 文件还会连饱和的红色一起垮掉。中性色几乎不动：灰底的商品硬照什么事都没有，珊瑚色的泳衣就是灾难。

先确认问题出在文件，而不是你的屏幕

把原图和上传后的图并排放在同一个浏览器窗口里。

• 在你的编辑器里正常、在浏览器里颜色发平淡：配置文件的问题。
• 在浏览器里两张一样，但和编辑器里不一样：你的编辑器是在按浏览器并不理会的工作空间预览。
• 只在手机上或同事的笔记本上不对：显示设备的差异，不是文件的问题。

然后把原图拖进一个浏览器标签页——浏览器是尊重内嵌配置文件的。如果本地文件是对的、上传后的不对，那就是上传这条路把标记丢掉了。

查清文件带的是哪个配置文件

• macOS：用“预览”打开文件，点工具栏里的“显示简介”按钮（或按 Command-I），再看“更多信息”标签页，那里会列出图像的色彩配置文件。
• Photoshop：点文档状态栏上的箭头，选“文档配置文件”。
• Lightroom：导出对话框里的“色彩空间”下拉框，才是你实际交付出去的东西。
• 任何软件、任何平台：ExifTool 能打印出来——exiftool -ProfileDescription photo.jpg。

对网页来说，只要不是 sRGB，就都是嫌疑对象。近几代 iPhone 拍照采用广色域，并会相应地给文件加上标记——Apple 在相机规格里就列着“照片与实况照片的广色域拍摄”。部分 Android 手机也提供广色域拍摄选项，所以还是查一下文件。

转换到 sRGB——不要剥离，也不要指定

三个听起来差不多的操作，做的事情完全不同。

• 剥离会去掉标签、原封不动地留下数字：宽色域数据从此必然被当成 sRGB 来读，只会更糟。
• 指定只换标签、不重新计算，于是外观变了，而且通常变错。
• 转换会重新计算每一个像素，让颜色在更小的空间里尽可能贴近原样，然后附上 sRGB 标记。

你要的是转换：Photoshop 的“编辑 › 转换为配置文件”，或者把 Lightroom 导出时的“色彩空间”设为 sRGB。最饱和的那几种颜色会有轻微偏移，这是正常的。

反过来的情况：截图看着太艳

同一套机制，方向相反。来自广色域显示器的截图，记录的是那块显示器所在空间里的色值。macOS 上截的图一般会附带显示器的配置文件；其他截图工具则未必会附上。当它被按 sRGB 读回时，同样的数字渲染出来更饱和：荧光绿，晒伤一样的肤色。解法一样。

换背景的时候，这件事为什么格外要命

配置文件不匹配在这里就不再是细微差别了。在 remover.bg 里把抠图放到你的品牌色上，然后把这张图放到网页上，旁边用 CSS 铺一块同样十六进制值的色块：CSS 的颜色是按 sRGB 渲染的。

如果图片带着另一个标记，同一个颜色的两种色调就会并排坐着，怎么也对不上。上传之前先转换到 sRGB，就等于从源头上消除了这种歧义。

纯白在转换中不会改变，所以单是配置文件不匹配，并不会让你过不了平台的白底检查——真正受影响的是商品颜色。格式也救不了：PNG、JPEG 和 WebP 都携带配置文件，标记一丢，也都一样会被读错，透明抠图也不例外。

下次上传之前

把导出的色彩空间设成 sRGB，在你真正在用的那个预设里设一次，这个问题就不会再反复出现。然后在同一块屏幕上，拿一张上传后的图和原图抽查对比：如果颜色稳得住，你这条管线就是干净的。