图叮功能实战：同一张商品图做主图、详情页和客服图，裁切前先守哪些证据

为什么同一张商品图，裁成主图时看着干净，放到详情页却解释不清，发给客服又像少了一块证据？问题通常不在裁切比例，而在裁切之前没有问清楚：这张图里哪些信息是买家做决定时会回头看的。

做用户研究时，我很少相信一句“用户觉得好看”。有没有访谈数据，5 人能不能说明趋势，回到访谈逐字稿再看，结论往往会变得更冷静。放到商品图上也是一样。图叮处理一张图，不应该先问怎么裁得更高级，而应该先问它在三个位置分别要回答什么问题：搜索页认不认得出，详情页讲不讲得清，客服沟通时能不能回到原图证据。

团队实际经验里，2026 年 5 月在杭州滨江做过一次内部复盘，拿同一款小家电的 12 张原图做跨渠道版本检查。主图的点击反馈还可以，客服侧却反复问到两个细节：接口方向和随机配件数量。那次复盘提醒我们，裁切不是最后一步排版动作，它会决定证据有没有被带到下一张图里。

第一层事实：一张图在三个位置承担三种任务

商品主图、详情页图、客服说明图，看起来都来自同一张原图，但任务完全不同。

图注：同一张商品图在三个渠道保留不同证据

主图负责识别。买家在列表页里停留的时间很短，先看主体轮廓、颜色归属和关键规格。这里的图要干净，但不能把识别线索磨没。比如透明材质的边缘、鞋盒上的尺码贴、充电器接口形状，都是“是不是我要点开的东西”的判断依据。

详情页图负责解释。买家已经点进来，愿意看更细的证据：材质纹理、尺寸参照、安装方向、配件数量、包装批次。详情页不只是更大的主图，而是把主图里没讲完的事实拆开讲。站内的电商产品精修验收分级把 L1 上架、L2 详情、L3 品牌级分开，这个分层在这里很有用。主图通过 L1 不代表详情页已经过 L2。

客服说明图负责追溯。它不一定最好看，但要能解释争议。买家问“这个接口是不是 Type-C”“配件是不是含转接头”“包装图里的批号在哪里”，客服需要一张能对照原图、修后图和详情页位置的证据图。图叮如果只输出一个漂亮版本，客服就只能凭印象解释；如果保留证据区，下一轮修改才有依据。

这三个任务互相牵制。主图裁太满，详情页可能没有足够局部。详情页修得太顺，客服图可能找不到原始纹理。客服图保留太多杂点，主图又会显得脏。跨渠道裁切的第一性原理，就是先给每个版本分配任务，再决定哪些区域可以动。

第二层推导：证据区要先于尺寸模板确定

很多团队先拿到平台尺寸表，再把图往模板里塞。1:1、3:4、16:9，尺寸是必要约束，但不是判断起点。判断起点应该是证据区。

证据区不是一个很复杂的概念。它就是这张图里未来会被买家、运营、修图师或客服拿来核对的区域。常见有四类：

图注：裁切前先核对四类证据区

• 主体证据：外形轮廓、比例、颜色、边缘阴影。
• 参数证据：型号、容量、尺码、接口、刻度、批号。
• 材质证据：纹理、反光、透明度、接缝、涂层。
• 售后证据：配件数量、安装方向、警示标签、易误解部位。

图叮里做跨渠道版本时，建议先把这四类证据圈出来，再做裁切。这个顺序会改变很多小动作。比如主图要压背景时，主体边缘不能被吃掉；详情页要放大材质时，纹理只能增强，不能被重绘成另一种质感；客服图要保留标签时，标签区域可以提清，但不能被 AI 补成新字形。

AI 修图需求单里已经讲过禁改范围，这篇把禁改再往前推一步：不是等修坏了再说哪里不能改，而是在裁切前就把证据区写进版本规划。主图版本、详情页版本、客服版本都从同一张原图分出去，但每个版本带走的证据不同。

团队实际经验里，5 人小定性足够暴露趋势。不是说 5 人能代表所有用户，而是它能很快告诉你哪类证据会被反复问到。2026 年 5 月那次内部复盘里，我们让 5 个非设计同事各看 6 秒主图，再口头复述他们记住了什么。3 个人能说出产品颜色，只有 1 个人注意到接口方向。回到访谈逐字稿再看，接口并不是不重要，而是主图裁切让它变成了边角信息。这个结果决定了后面详情页要给接口一个单独局部图。

第三层推导：图叮的操作路径应按“原图、证据、版本”分三步

把证据区放在尺寸模板前面，图叮里的操作路径就会清楚很多。

第一步，保留原图参照。上传原图后，不要急着只看修后预览。先把原图里会被核对的区域列出来：主体边、标签、接口、纹理、配件、包装。它们不是都要放进主图，但必须知道每个证据会去哪里。做过批量样张保护区的团队，会更容易理解这一步：样张不是为了跑快，而是为了定边界。

第二步，标证据区。主图只保留最影响识别的 2 到 3 个证据，详情页保留解释型证据，客服图保留争议型证据。这里不要用“全部保留”偷懒。全部保留等于没有分工，最后每张图都又挤又乱。更好的写法是：主图锁主体轮廓和颜色；详情页锁材质纹理、尺寸参照和接口方向；客服图锁标签、配件和原图对照位置。

第三步，再做版本。主图可以清理背景、统一阴影、压掉干扰物；详情页可以放大局部、调整光线、让纹理更可读；客服图可以保留更多原图参照，甚至允许比主图粗糙一点。图叮的价值不只是“同一张图多裁几份”，而是让每一份裁切都知道自己不能丢什么。

这个路径也能解释为什么跨渠道图包不应该只用一个验收标准。主图验主体比例，详情页验解释完整度，客服图验证据可追溯。验收时把三张图放在同一行看，而不是逐张孤立打分。站内那篇商品图进 Photoshop 收尾前的 6 个判断讲的是出图后如何检查尺寸、文字和边缘；这里更前置，讲同一张原图在进入收尾之前该怎么拆。

第四层推论：版本越多，越要少用审美词

跨渠道版本最容易被审美词带偏。干净、高级、统一、自然，这些词在主图里可能有用，到了客服图里反而会危险。客服图需要的是可解释，不是更像广告片。

我会把修图意见改成三列：

版本	允许优化	不允许丢失
主图	背景、阴影、边缘毛刺、轻微反光	主体比例、颜色归属、关键轮廓
详情页图	局部亮度、材质可读性、构图顺序	尺寸参照、接口方向、纹理真实感
客服图	标注清晰度、原图和修后图对照	型号标签、配件数量、争议区域

这张表不是为了显得流程重，而是为了减少拍脑袋。有没有访谈数据，5 人能说明趋势，回到逐字稿再看，这些研究习惯会让视觉团队少写“更好看一点”。如果买家反复问的是配件数量，客服图就要让配件数量更容易核对；如果买家反复问的是材质，详情页局部就要比主图更老实。

图叮适合承接这类工作，是因为它可以把原图、局部处理、版本对照和验收说明放在同一条任务里。运营不需要把同一张图在多个工具之间来回倒，修图师也不需要猜哪一块是关键。任务写清楚以后，AI 修图就从“生成一个好看的版本”，变成“为不同渠道保留不同证据”。

一个简单的自检方法：把主图、详情页图、客服图缩到同一屏，遮住标题，只看图。问 3 个问题：我能不能认出这是什么商品；我能不能解释它为什么值得买；我能不能回答一个售后争议。三个答案都清楚，跨渠道裁切才算站住。

同样的原则可以继续推广到短视频封面、直播间讲解图和售后工单截图：先分配证据任务，再让图叮处理画面版本，裁切才不会把商品事实一起裁掉。