实用教程
商品图上传后变色？先找出色差出现在哪一步
用原图、导出图和网页实际图片定位色差。区分导出变色与生成颜色错误，并给出深蓝包的排查示例和可直接使用的修改指令。
深蓝色的包，放到商品页却成了紫色。先别急着给包调色：把确认过的原图、导出图和网页实际使用的图片放在同一屏幕上比较。颜色从哪一步开始变，就先修哪一步。原图没错却反复调色，下一次导出反而可能更差。
留下三份文件，按顺序比较
把原图记作 A，交付用的导出图记作 B，网站实际返回的图片记作 C。用同一个支持色彩管理的看图或修图软件打开它们。C 可以通过网页的图片链接或浏览器网络面板取得；不要用截图代替，因为截图又经过了一次显示处理。响应式网页可能给手机和电脑返回不同文件，顺手记下图片地址和查看时的页面宽度。
| 比较结果 | 接着检查 | 暂时别改 |
|---|---|---|
| A 里的商品已经变色 | 拍摄光线、修图或生成结果 | 网站导出设置 |
| A 正常，B 变色 | 导出转换和嵌入的色彩配置文件 | 商品设计和场景 |
| A、B 一致，C 不同 | 网站缩图、格式转换或旧图缓存 | 确认过的原图 |
| 三份文件在软件里一致，网页却不同 | 浏览器、屏幕设置及覆盖图片的 CSS 滤镜 | 文件里的商品颜色 |
| 只有另一台设备不同 | 屏幕显示模式和观看环境 | 整套广告图 |
这套顺序用来定位问题，并不能证明颜色绝对准确。把三份文件一起保留，同事也能重复这次检查。
同一个深蓝包，两种完全不同的修法
假设商品是一只带米白缝线、银色拉链的深蓝帆布包。下面是教学用的假设情况，不是实测结果。
**情况一：A 是深蓝，B 变紫。** 回到导出环节，检查 A 嵌入的配置文件，再通过色彩空间转换生成一份单独的 sRGB 交付图。先与 A 比较，再上传。不要把包重新涂蓝来抵消错误的导出结果。
**情况二：A 本来就偏紫。** 转成 sRGB 不能把生成错误的材质变回深蓝。先对照商品参考图修改画面。如果是暖色灯光把包染得太重，可以保留房间的暖色氛围，只减少落在包身上的有色光。
Adobe 的网页色彩说明建议使用 sRGB。配置文件说明区分“转换”和“指定”：后者改变现有数值的解释方式。原图的配置不明时，先查清来源再修改。
保留原图，记录交付图的文件名、尺寸和输出配置。文件后缀是 JPG，不代表它一定使用 sRGB。
商品本身变色时，怎么在聊天里改
在 Panelly 创作台添加商品参考图，再选中真正需要修改的广告图。将下面的图片引用换成你自己的图片：
@image1 是商品参考图，@image2 是要修改的广告。
@image2 里的包偏紫，请对照 @image1，还原深蓝帆布的观感。
保留米白缝线、长方形前袋和银色拉链。
房间继续保持暖色，只减弱照在包身上的有色光。
保留四格顺序，以及成图里已有的标题和行动文案。
保留织物纹理和自然高光，不要把包涂成一整块没有层次的蓝色。修改后，在相同观看条件下分别检查包身、缝线和拉链。包身改对了，缝线却跟着变蓝，仍然需要修。光线问题可以接着看商品广告布光指南；轮廓或部件也变了，再看商品一致性指南。
最后回到用户真正看到的页面
替换图片后重新打开公开页面，再取一次 C，确认网站返回的确实是新版本。本地文件改好了，不代表网页已经换图。
交付时留一句能追溯的说明：“深蓝包 v4；已对照参考图 A；输出 sRGB；检查过电脑和手机宽度下的线上图片。”如果网站会生成多个尺寸，附上检查过的图片地址。下次发现色差，就不用从“我觉得偏暖”重新讨论。
交付时常遇到的问题
给一个色号，能保证包在所有地方都一样吗？
不能。色号描述特定条件下的颜色数值，照片里的材质还有纹理、高光和阴影。商品观感靠参考图判断，交付过程中是否变色靠三份文件比较。
只有一部手机偏暖，要把原图调冷吗？
先检查那部手机的显示模式和观看环境。为了适应一块屏幕修改原图，可能让其他设备上的颜色更偏。
Panelly 能修改 ICC 配置文件吗？
这套流程在创作台修改画面，在支持色彩管理的软件中检查和转换配置文件。它们分别解决画面和文件交付两个环节的问题。
