用 AI 生成电商 banner 背景素材：留出主体位、控好尺寸的做法

大促一到，要做的 banner 一批接一批：首页轮播、活动会场、详情页通栏。真正卡脖子的常常不是产品图，而是找不到合适的背景素材——既要有点氛围烘托活动气氛，又要留得下位置放产品和”满 300 减 50”这类文案。图库里的素材要么带水印，要么尺寸不对，要么风格跟你店铺调性不搭。用 AI 生成一批专属背景，是眼下比较现实的解法。动手前先明确两件事：这批 banner 用在哪个位置、要什么色调，以及成品的确切尺寸。

第 1 步：先量好尺寸和主体留白位置

banner 和普通配图最大的区别，是它有严格的”版式”——哪里放产品、哪里压主标题、哪里放价格，都有讲究。所以第一步不是选颜色，是画版式。首页轮播常见 1920×640 像素的通栏，产品一般放一侧、文案放另一侧；详情页通栏更窄更长。先定好产品放左还是放右，给文案留出一块相对干净的区域，把这个”留白需求”记在心里，下一步好写进描述。版式没想清就生成，很容易出一张满满当当、根本插不进产品和字的图。

第 2 步：用文生图写清色调、氛围和留白区

打开图叮AI 网页版，浏览器里直接进文生图。描述要同时说清氛围和留白，比如”电商促销背景，暖橘红渐变，右侧留出干净空白区放产品，左上方留白放文案，节日氛围，无文字”。把”留白""干净空白区”写进去，AI 才会给你留位置，而不是把画面填满。想要更纯净的渐变底或纹理底，可以参考渐变纹理底图的做法，思路是一样的：先出底，再往上叠东西。要在 Photoshop 里精细排版的，用 PS 插件版把背景接进设计文件。

生成 banner 背景时把留白区写进描述，产品和文案才有地方落。

第 3 步：按位置分别控好比例，别一套图硬套所有位置

首页轮播、活动会场、详情页通栏的尺寸差得远，用一张背景硬拉硬裁，主体和留白都会走样。正确做法是按位置分别生成：轮播走宽扁比例，会场首屏走接近全屏的比例，详情页通栏走细长比例。每个位置生成时把对应比例定好，别图省事一张通吃。文字方面得说清一条边界：banner 上那句促销主标题，别指望 AI 直接写进背景里——它对精确文字把控不稳，容易缺笔画、糊字。让 AI 出干净背景，价格和标语回排版工具里自己加，改起来也方便。

第 4 步：多生成、挑留白最好的，再补画质

AI 生成有随机性，同一句描述每次给的留白位置、氛围浓淡都不一样。一批 banner 建议一口气多生成几张，专挑留白区最干净、色调最正的那几张。渐变或光效背景偶尔会有色带、噪点，用高清放大过一遍能让画质更耐看，投到大屏或做高清主图时不虚。如果某个角落有多余的装饰元素挡了要放产品的位置，用局部重绘把那一小块擦掉重画，比整张重来快得多。

第 5 步：把产品放上去试一次，再定稿

2026 年 6 月，做零食店铺的老陈要赶一波 618 的首页轮播，第一版背景太满，橘红的礼花铺满了整个画面，产品往上一放，价格标签跟背景糊成一团，远看只剩一团红。他把描述改成”右侧大面积干净留白，左侧节日氛围元素”，重新生成 6 张，挑了留白最规整的一张，产品放右、文案压左，这才清爽。这件事的教训很直接：banner 背景做没做对，光看背景本身看不出来，得把产品和文字真的放上去试一次，才知道留白够不够、对比强不强。还有几个常踩的坑要记牢——别把精确促销文案交给 AI 写；别一张背景套所有尺寸位置；用 AI 背景做商用投放，版权与合规责任在使用者自己，涉及活动主视觉时该核实的授权要核实。效果最终以图叮AI 官网实际生成为准，与其追求一次出图惊艳，不如养成”放上产品再验一次”的习惯，这一步省不得。