跳转到主内容
·

图叮扩图实战:同一张商品图出主图、详情页首屏和活动横图,先锁哪里

给我 5 分钟,我会先让你跑通一个不容易出错的扩图版本:只选一张商品图,只做一个目标比例,只检查三件事:主体有没有被改、边缘有没有补假、裁切后还能不能看懂商品。

电商商品图扩图工作台上展示主图、详情页首屏和活动横图三个版本 图注:一张商品图先锁禁改区再扩多入口

扩图的水位风险,通常不在“背景能不能补出来”。背景补满很容易让人有成就感,但真正影响上架的是另一件事:这张图被放进主图、详情页首屏、活动横图之后,商品证据还在不在。看一眼离群点,很多问题会很早暴露出来。

真实项目脱敏:2026 年 5 月 21 日下午,杭州滨江一个家居上新小组把 32 张台灯图交给视觉同事,要从 1:1 主图改出 16:9 活动横图和 3:4 详情页首屏。第一轮只盯背景是否干净,结果有 7 张图在移动端预览里灯臂被裁掉,2 张图的开关位置被补背景时擦得不清楚。回到底层假设再讨论,这不是审美问题,是扩图前没有先锁证据。

这篇只讲图叮扩图里可以当天落地的路径。它和 电商多平台规格适配实战 的目标一致,都是把同一套商品素材拆到不同入口;区别在于,本文聚焦 AI 扩图前后的安全区和验收动作。

第一步:5 分钟先跑通一个安全版本

别同时做主图、首屏和横图。先选一个最容易判断的目标,比如把 1:1 白底商品图扩成 4:3 详情页首屏。图叮里先上传原图,保留原始文件名,再进入扩图或画布扩展流程。

第一轮只做三个设置。

一是主体位置。把商品主体放在画面中间偏安全的位置,别为了留文案区把商品推到边缘。二是扩展方向。如果商品本身已经靠左,优先向右扩,不要让模型同时猜左右两侧。三是禁改区。商标、型号、接口、按键、材质纹理、包装标签都先圈出来。

团队实际经验里,图叮 AI 做这类扩图时,越早告诉它“哪里不能动”,后面返工越少。Photoshop 25.4 也能做生成式扩展,但如果你没有先把商品证据列清楚,两个工具都会把问题留到验收环节。工具不是风控规则,规则要人先写出来。

跑完第一版后,不要急着美化。只问一句:这张图如果今天就上详情页首屏,会不会误导买家对商品大小、颜色、材质的判断?答案是“不会”,才进入第二个比例。

第二步:把不能变的证据圈出来

扩图前最该锁的不是“好看区域”,而是“买家会据此下判断的区域”。台灯是开关、灯臂、底座触点和光源位置;手机壳是摄像头孔、按键开孔、磁吸环;食品礼盒是净含量、口味标签和封签。品类不同,证据不一样,但方法相同。

建议把禁改区分成三类。

第一类是身份区:品牌、型号、规格、条码、序列号。这里一旦被 AI 抹掉或补错,后续解释成本很高。第二类是结构区:接口、扣位、边缘、配件连接点。它们决定商品是否“像真的”。第三类是材质区:金属反光、玻璃透明度、布料纹理、纸张压痕。材质被修得过顺,会让图看起来更干净,也更假。

内部复盘里,同一批 32 张台灯图,出问题最多的是灯罩边缘和底座阴影。它们看上去只是画面细节,实际会影响买家判断灯的体积和摆放状态。后来视觉同事把“灯罩外沿 8 到 12 像素范围不允许重绘”写进标注,第二轮返工从 9 张降到 3 张。这里的数字不是为了证明效率,而是提醒你:禁改区越具体,返工越容易定位。

如果你的素材还要做局部修复,可以先读 局部重绘业务实战。局部重绘解决的是对象内部问题,扩图解决的是画布外部问题,两者不要混在一次操作里。

第三步:按入口分开扩,不要一张图硬裁三次

很多团队的做法是先扩出一张大图,再裁成多个尺寸。看上去省事,实际风险很高。主图看商品,详情页首屏看关系,活动横图看主题。三个入口的“安全中心”不一样。

主图要让商品占比稳定,边缘留白够平台裁切,不适合把背景做得太有叙事。详情页首屏要给文案、卖点和场景关系留位置,商品不能被背景道具抢走。活动横图则要考虑移动端卡片和桌面端横幅两种预览,主体太靠边会在其中一个入口里失衡。

图叮里建议按入口分别生成三个版本:maindetail-herocampaign-wide。每个版本都保留同一张原图作为基准,但比例、留白和扩展方向单独设置。不要把 16:9 横图裁回 1:1 主图,那等于让活动图的假设反过来污染主图。

这一步可以和 电商详情页图片优化实战 接起来。详情页模板讲的是模块化复用,扩图讲的是每个模块的视觉边界。模板固定,扩图版本才更容易验收。

第四步:回看裁切预览里的离群点

扩图通过,不等于上线通过。你至少要看四个画面:完整图、平台缩略图、移动端首屏、活动入口裁切图。每个画面都问同一个问题:商品有没有变小,证据有没有丢,背景有没有抢走注意力。

商品图扩图后的多入口裁切预览和风险检查板 图注:扩图后用多入口预览排查裁切风险

看一眼离群点。比如完整图里灯罩很好看,但缩略图里灯杆细到看不见;移动端首屏里商品完整,但活动横图裁掉了插头;背景补得很自然,却在商品旁边生成了一个类似配件的影子。这类问题单看大图很难发现,放进入口预览才会冒出来。

真实项目脱敏:同一组台灯图第二轮验收时,视觉同事把每张图放进 750 像素宽的移动端首屏模板,又压到 320 像素缩略图看一次。图叮扩出的背景基本能过,真正被打回的是 4 张主体比例失衡图和 1 张假配件阴影图。这个检查动作花了 18 分钟,比后面重新找原图、重跑扩图要便宜。

如果你还要把图发到小红书或搜索入口,可以参考 小红书封面商品图 AI 扩图返检。那篇讲标题安全区,本文讲商品证据区,两者可以合并成发布前的双检查。

第五步:把上线版和返工版分开保存

扩图最怕“看起来都差不多”。一旦文件名混乱,第二天没人知道哪张是通过版,哪张是被打回版。风控视角看,这图有水位风险:问题不是当下能不能用,而是下一次复用时会不会把错版带回流程。

建议保留四类文件。原图保留拍摄或抠图后的基准版;候选版保留图叮生成结果;通过版只放已经过裁切预览的图;返工版记录原因,比如“灯罩边缘假”“底座阴影过重”“横图右侧留白不足”。文件名不用复杂,sku-a-originalsku-a-wide-v1sku-a-wide-passsku-a-wide-rework-shadow 就够。

这样做的好处,是下次换 618 横图或双 11 首屏时不用从零开始。你能直接看到上一次为什么通过,为什么打回,哪些禁改区必须继续保留。图叮负责把扩图动作变快,人负责把判断留下来。

参数速查表可以很短:先锁主体和禁改区;同一原图按入口分别扩;每个入口都看裁切预览;通过版和返工版分开存;任何会改变商品身份、结构或材质证据的结果,都不要上线。

相关文章

推荐阅读