案例拆解室：一张详情页首屏，图叮如何把营销图改成可核验商品图

为什么同一张商品图，放在活动海报里很有冲击力，放进详情页首屏却让客服不安？

我更愿意先问这个问题，而不是先问“图能不能再高级一点”。首屏不是单纯展示位，它同时承担 4 件事：让买家停下、让买家看懂商品、让客服以后能解释、让运营知道下一张图该补什么。我们工作室内部复盘时，客户经理会把首屏图拆到编号表里看，A01 看主体，A02 看证据，A03 看承诺，A04 看按钮附近的视觉负担。这个动作很慢，但比后面反复改 20 版省力。

图注：首屏四区先分责，再决定哪些区域可修。

下面拆一张假设的商品详情页首屏：左侧是一件小家电白底主图，右侧有卖点短句、规格信息和购买按钮。它不是某个客户案例，只用来说明图叮进入电商修图流程时，应该先处理哪一层。

基础事实：首屏不是一张图，而是四个责任区

详情页首屏至少有 4 个责任区。主体区负责第一眼形状，证据区负责可核验信息，承诺区负责卖点文字，行动区负责按钮和下一步。它们挤在同一个视野里，却不能用同一条修图标准。

主体区可以追求干净。背景灰点、桌面杂色、边缘压缩噪声、轻微色偏，都适合交给图叮先做一轮清理。证据区要克制。型号贴、接口、刻度、配件数量、包装上的净含量，不能因为画面整洁就被磨平。承诺区要和图像互相兜底，不能写“防水升级”却把防水塞修成看不清的暗块。行动区看似和修图无关，其实会决定首屏裁切：如果按钮附近太乱，运营会继续要求“商品再往左一点”，然后主体比例又被改动。

团队实际经验里，我们会在首屏图上先画 4 个框，而不是直接开修。这个办法来自一份 26 页客户对接手册，里面有一条很笨的规则：凡是会被客服拿去截图解释的区域，都不能只按美观处理。新同事刚进来时容易把这句话当成保守，接过几轮返工以后就明白了。图像不是越满越好，首屏是越清楚越好。

这也是为什么我不建议一开始就把首屏图做成纯营销图。营销图负责吸引，商品图负责证明。两者都需要，但首屏如果只能选一个优先级，我会先保商品事实。

第一层结论：先修主体区，会把证据区推到风险里

很多返工不是因为工具不够强，而是顺序错了。先修主体区，修图师会自然追求整体干净：白底更白、阴影更顺、边缘更整、反光更少。问题是商品证据通常就藏在这些“不够整”的地方。

举个假设场景，一张小家电图有 12 个可见信息点：机身轮廓、开关、出风口、铭牌、接口、线缆、包装贴、容量标、配件、底座阴影、接缝和使用角度。只看缩略图时，运营可能只盯住轮廓和白底。放大到详情页首屏宽度，买家会看接口和容量标；到了售后，客服可能要截图解释线缆和配件。首屏修图如果只围绕前 2 个点优化，后面 10 个点都可能被顺手牺牲。

图叮更适合的入口，是先把区域分出来。第一遍只清主体外的灰和脏，不碰证据区。第二遍再看主体边缘和接触阴影。第三遍才处理首屏观感。这个“三遍”不是流程仪式，是责任顺序：先不改商品事实，再让商品更清楚，最后才让页面更好看。

如果预算有限，可以先看修图预算有限时，先修主图还是先补详情页证据图。那篇讨论钱花在哪里，这里讨论同一张首屏里每个区域的先后顺序。两件事放在一起看，运营会更容易判断哪些图值得先交给图叮处理。

第二层结论：证据区不是越清晰越好，而是越可回看越好

证据区的目标不是“修得锐”，而是“以后能对回原图”。这句话听起来细，但很重要。

有些信息可以增强，比如接口边缘、包装外轮廓、接触阴影。增强后买家更容易看懂商品。另一些信息只能保留，比如批号、型号字、刻度、认证标、真实磨损、配件数量。它们可以降噪、提亮、轻微锐化，但不能让 AI 猜笔画、补图标、改位置。我们工作室的客户经理每个客户分配编号，就是为了以后能按文件号追到哪一层出了问题。图像也一样，首屏里的证据区要能追到原图。

内部复盘里，首屏返工最常见的不是“整体不好看”，而是 3 类问题：证据被磨掉、承诺和图不一致、移动端裁切把关键区挤出去。第一类会导致客服解释困难；第二类会导致买家觉得页面夸大；第三类会导致运营继续改版，越改越乱。三类问题看起来分别属于修图、文案和页面，其实都从同一个源头来：首屏没有先定义证据区。

图叮处理这类图时，比较稳的做法是给任务写成两段。第一段写可处理内容：清理白底灰点、降低非商品区域反光、统一首屏色温、保留自然接触阴影。第二段写不可改内容：不重绘型号字，不改变接口形状，不增减配件数量，不改变包装贴位置。句子不用华丽。越像交接单，越能减少误解。

图注：证据区只做轻修，型号接口和贴纸要可回看。

如果你的团队已经在做参考图包，可以继续看AI 商品图参考图越多越好吗：先定主参考、禁改区和回滚图。首屏拆解和参考图包的关系很近：参考图决定方向，首屏四区决定哪些方向不能越界。

实战推论：图叮要放在首屏改版的第一道门

首屏改版通常有 3 道门。第一道门是商品事实：图里到底有什么。第二道门是页面表达：这张图要让人先看什么。第三道门是转化动作：买家看完是否愿意继续滑或点击。

图叮应该放在第一道门和第二道门之间。太早，它还没有明确证据区，容易把商品当成普通素材处理。太晚，页面已经排好，所有问题都变成“能不能再修一下”，修图师只能在很小空间里补救。合适的位置是：原图到手后，先画主体区和证据区；用图叮清理可修区域；把 AI 初稿放回首屏版式里看；再决定文案和按钮附近是否需要移动。

这一步很适合做成首屏返检表。表格只要 6 列：区域、原图状态、图叮处理动作、不可改内容、移动端风险、结论。区域写主体、证据、承诺、行动。原图状态写“灰点多”“接口清楚”“标签略暗”这种短句。结论只写通过、重跑、人工修订、补拍。我们团队做美妆详情页时，一张图最多能改 20 版，但真正让人稳定下来的不是修图次数，而是每一版都有结论。

图注：返检板把原图、初稿、移动端风险放在一处判断。

这里也要承认边界。图叮可以把白底、反光、局部脏点和首屏色温处理得更稳定，但它不应该替运营编不存在的证据。原图里没有容量标，就补拍或在详情页另配说明图；接口拍虚了，就退回局部图；配件数量看不清，就重新组合一张套装图。AI 修图的价值是把已有信息变清楚，不是替商品补事实。

如果已经出现“越修越偏”的情况，可以接着看局部重绘越修越脏时该不该停止。那篇讲什么时候停，这篇讲一开始怎么把首屏拆开，少走到停不下来的那一步。

边界条件：有些首屏本来就不该承担所有信息

不是每个首屏都要塞满证据。低客单快消品、纯活动页、社媒种草落地页，首屏可以更像营销图。问题在于，很多电商团队把所有页面都按活动页来修，最后商品页也变得像一张海报。

我的判断标准很简单：如果这张图未来会被客服、运营、买家截图讨论，它就不能只按营销图修。如果它只承担活动曝光，证据可以放到第二屏。如果商品存在型号、适配、材质、批次、容量、尺寸这些可争议字段，首屏至少要保留一个能核验的入口。入口不一定是全部信息，但必须让买家知道：这不是一张脱离商品事实的漂亮图。

所以，详情页首屏的公式可以压成一句话：可信首屏 = 主体清理 × 证据保留 × 页面职责分工。图叮负责让主体更清楚，但前提是团队先说清哪些地方不能被“更好看”覆盖。