案例拆解室：一张商品对比图，图叮怎么把原图、修后图和证据局部放清楚

一张商品图最容易出问题的地方，常常不在修后图本身，而在它旁边少了什么。

只给修后图，运营只能说好不好看。给原图、修后图、证据局部、上线缩略预览和版本号，运营才知道这张图能不能上架，客服才知道日后能不能解释，设计师才知道下次要沿用哪条规则。

这篇拆一张通用的商品对比图。它不是某个品牌的真实客户案例，而是很多电商团队都能照着做的交付页模型。重点不是把页面排得多漂亮，而是让每个触点都能被检查。

图注：原图、修后图与证据局部放在同一张验收页

基础事实：验收看的是状态关系，不是单张成片

商品图修完以后，至少存在三个状态：原图、处理版、上线版。

原图回答一件事：商品事实从哪里来。处理版回答另一件事：图叮改了哪里，没有改哪里。上线版再回答第三件事：这张图放进主图、详情页或客服解释图以后，裁切和阅读是否还稳。

如果只交付处理版，信息链会断。你看到的是一个结果，不是一个过程。对审美类素材，这样也许够用；对电商商品图，尤其是带标签、型号、纹理、配件和瑕疵证据的图，过程本身就是信任资产。

我更愿意把这张对比页看成一个小型 product review board。不是为了炫流程，而是把用户旅程里的几个触点摆出来：运营上传时看主图，买家点开时看细节，客服解释时看证据，设计师返工时看版本。

这也是为什么旧文里的 电商产品精修验收分级 不能只停留在 L1、L2、L3 的文字定义。等级要落到页面上，才会变成可执行动作。

第一块区域：原图要保留问题，也要保留证据

对比页左侧最好放原图，不要只放一张过度压缩的缩略图。

原图区域要让人看见两类东西：一类是需要图叮处理的问题，比如背景杂物、光斑、轻微脏点、边缘不干净；另一类是不能被顺手抹掉的证据，比如包装批号、规格贴、材质纹理、接口形状、配件数量。

这里有个常见误判：把原图放上去只是为了看前后差异。其实不够。原图更像 task input，它定义了这次修图的边界。边界写不清，修得越顺，后面越难解释。

比如一张小家电主图，桌面反光可以清理，电源接口周围的阴影可以压低，但型号贴、按键位置和配件线束不能被改成更整齐的样子。不是因为丑，而是因为这些地方会被买家拿来核对。

图叮适合先处理这种边界：把可修区和禁改区分开，再进入局部清理、背景调整或精修。需要大批量处理时，可以把同一类边界复用到下一组图里；需要更细的背景处理时，再接到 批量抠图高效工作流 这类流程。

第二块区域：修后图别只展示干净，要展示没有越界

对比页中间放修后图。这里最容易做错。

很多团队会把修后图放得最大，旁边写一句处理完成。这个展示方式对老板汇报友好，对验收不够友好。因为它默认读者只判断美观，忽略了处理范围。

更稳的做法，是在修后图旁边放两组短标注：已处理、未改动。

已处理可以写背景杂物已清理、商品边缘已顺齐、局部反光已降低。未改动则要写标签文字未重绘、接口结构未补造、色号区域未改色。句子不用长，像 Jira ticket 一样短就够了。

Remote work 里我很在意这一点。客户不在同一个办公室，验收不能靠一句口头解释。一个视觉交付如果需要 8 条微信语音才能说明白，说明页面本身没有把关键状态说清楚。

图叮的价值也在这里。它不是替你把所有像素都变好看，而是让“这块能改、那块别动”变成可复查的操作路径。后续如果还要进 Photoshop 收尾，可以继续参考 商品图进 Photoshop 收尾前，先做这 6 个判断，但图叮阶段先把证据边界锁住，PS 阶段才不会变成重新猜需求。

第三块区域：证据局部要放大，不要让买家自己找

图注：只放大影响咨询、退换货和审核的关键证据

一张对比页里，证据局部应该单独占位置。

不是所有证据都要放大。挑 3 到 5 个就够：标签、接缝、接口、材质纹理、配件清单、瑕疵点。选择标准很简单，谁会影响退换货、咨询、平台审核，就先放谁。

这里要避免两种极端。

一种是把所有细节都圈出来，页面变成密密麻麻的检查图。读者看完只会记住乱。另一种是完全不放局部，假设大家会主动放大查看。移动端页面里，这个假设经常失效。

我更建议按触点设计来排：首屏给主图，第二屏给证据局部，第三屏再给卖点或场景。这样运营能交付，客服能引用，买家也不会在第一眼被一堆小字压住。

如果这张图未来会用于客服解释，证据局部尤其重要。旧文 仓库质检最怕商品图修得太干净 讲的是仓库侧证据，同样可以借到这里：不是所有痕迹都要清掉，有些痕迹是事实的一部分。

第四块区域：上线预览要按真实裁切看

修后图在设计软件里很好看，不代表上架后还好看。

对比页右侧可以放一个小的上线预览区：主图方图、详情页横版、直播首帧或客服解释图。每种渠道只放一张缩略预览，重点看裁切、主体大小、文字安全区和证据是否还能被识别。

这一步经常救命。因为很多问题只有缩小以后才暴露：商品主体太靠边，标签刚好被平台裁掉，局部证据在手机屏幕上变成一块灰，背景清理后商品悬浮感太重。

如果图叮已经把商品图处理干净，上线预览就像最后一个 acceptance gate。它不负责修图，它负责告诉你这张图能不能进入下一站。

这里也能自然接上 万物迁移批量出图 这类旧流程。场景迁移不是把图换个背景就完事，仍然要回到同一张对比页里看：商品证据是否还在，移动端是否读得清，版本是否能回滚。

第五块区域：版本号不是行政动作，是返工入口

对比页底部要留版本号。

不要只写 final。更好的写法是：v1 原图清理、v2 证据区回补、v3 上线裁切版。每个版本对应一个动作，不对应一个情绪。这样返工时，大家讨论的是回到 v2 还是基于 v3 改，而不是“我感觉上一版更好”。

这也是我做外包交付时习惯附复盘 PDF 的原因。PDF 不是形式感，它让客户知道每张图的 decision log 在哪里。图叮处理商品图时，同样需要这种 log 思维：原图是什么、图叮改了什么、哪些区域保留、上线版怎么截、下一版从哪里继续。

版本号还有一个小好处：它能减少重复返工。运营、客服、老板看到同一页，不会各自截一张不同的图再提意见。意见落在同一个对象上，修图师才有办法收敛。

这张对比页什么时候不够用

如果商品本身涉及复杂合规、医疗功效、儿童安全或平台强监管类目，只靠一张对比页不够。它只能说明视觉处理边界，不能替代合规审核。

如果原图分辨率太低、关键标签已经糊掉、商品结构被遮挡，也不要试图用图叮把所有信息补回来。能修的先修，不能确认的地方要回到补拍或重新取证。商品图交付的底线是可解释，不是看起来完整。

还有一种情况，对比页会显得多余：只做无证据风险的氛围图，比如活动背景、纯装饰 banner。那就不用强行套这套方法。方法服务于风险，不服务于形式。

一句公式

可复核商品图交付 ≈ 原图证据 + 图叮处理边界 + 局部放大 + 渠道预览 + 可回滚版本。