插件中心自带模型积分超市开通会员 USD

2026 黑五横幅怎么做:用 AI 生成网站 Banner 和邮件头图背景(附 8 组提示词)

2026 黑五横幅怎么做:用 AI 生成网站 Banner 和邮件头图背景(附 8 组提示词)

黑五要换网站首页横幅、发促销邮件,手里只有一张产品图,也能做出一整套。思路是让 AI 只做背景:产品放在一侧,另一侧留出干净的空白,标题、折扣和优惠码之后在设计工具里加。下面是在 DramaCanvas 画布里的做法、比例怎么选、8 组可直接复制的提示词,以及倒计时和优惠码的正确加法。

产品图还没拍好?先看 一张手机产品照做黑五商品图。要配一条 15 秒广告视频,可以看 黑五广告视频怎么做。

黑五横幅和邮件头图应该怎么分工?

背景交给 AI,文字交给设计工具。

AI 擅长生成好看的场景和光线,但写字不可靠:折扣数字、优惠码、日期一旦写错,顾客就会看错甚至用不了。所以最稳的做法是两步:先在画布里生成留好空白的背景,下载后在设计工具里放上准确的标题、折扣和按钮。

网站横幅和邮件头图可以共用同一套视觉:同一张产品图、同一组颜色、同样的留白方向,只是比例不同。

怎样在画布里生成横幅背景?

上传产品图,连到新的图片节点,选比例,写提示词,生成。

第 1 步:上传产品图并连到图片节点

点击画布底栏的“添加节点”,选择“上传文件”,选好产品图后点“添加到画布(1)”。再添加一个“图片”节点,从产品图节点右侧的连接点拖线过去。在提示词里输入 @,从菜单里选“图片1”,就引用了这张产品图。

产品图节点连到新的图片节点,提示词里用 @ 引用“图片1”

第 2 步:在“图像设置”里选宽幅比例

在节点下方选择 GPT Image 2.5,打开“图像设置”,在“尺寸或比例”里选比例:网站首页大横幅选 21:9,普通横幅和邮件头图选 16:9。“分辨率”先选 1K。

在“图像设置”的“尺寸或比例”里选择 16:9 或 21:9

第 3 步:写提示词,看积分,生成

把下面的提示词复制进去,按你的产品改一改。生成按钮上会显示这张图要扣的积分,确认后再点。出图后检查三件事:产品外形和颜色对不对,留白区域是不是够干净,画面里有没有冒出文字或乱码。

生成按钮上显示这张图要扣的积分

第 4 步:下载后在设计工具里加文字

满意的图用节点上的下载按钮保存。在设计工具里把标题、折扣、优惠码和按钮放进留白区域,再按网站和邮件的实际宽度裁切。

留白区域后期叠加标题、折扣和优惠码的示意

横幅比例怎么选?

网站首页大横幅用 21:9,普通横幅和邮件头图用 16:9。

用途建议比例留白位置注意
网站首页大横幅21:9左侧三分之二手机上会被裁窄,产品放在靠中间的位置更稳
网站普通横幅16:9左侧一半按网站实际尺寸再裁切
邮件头图16:9上方或中间邮件宽度通常较窄,文字放大一点
倒计时区块背景16:9中间一整块倒计时用计时组件叠加
社媒横向封面16:9左上角平台会自动压缩,主体别贴边

8 组可直接复制的黑五横幅提示词

下面的提示词都用 GPT Image 2.5,比例在“尺寸或比例”里选,提示词里的比例只是构图提醒。带 @图片1 的组需要先连好产品图。

01 · 网站主视觉,商品在右(16:9)

01 网站主视觉
@图片1 是产品参考。16:9 横向促销背景,完整产品放在右侧三分之一,左侧大面积是平整的暖灰色墙面,不放任何道具。右后方少量失焦的深红缎带,柔和侧光,保持产品外轮廓和颜色。左侧留给后期标题,不生成文字、数字、价格、优惠码、Logo 或水印。

02 · 超宽节日留白(21:9)

02 超宽节日留白
@图片1 是产品参考。21:9 超宽横幅,产品完整放在最右侧,前景是哑光深灰台面,右侧少量暖金色纸艺装饰,左侧三分之二区域干净无纹理。保留产品外形和可见部件,柔和影棚光,产品不贴边。画面里不出现文字、数字、价格、折扣、优惠码或水印。

03 · 邮件头图,中间留白(16:9)

03 邮件头图
@图片1 是产品参考。16:9 横向邮件头图背景,完整产品在右下区域,左下角少量松枝,上方和中间是干净的米色留白。产品保持原来的颜色和形状,光线明亮柔和,装饰不遮挡产品。不要生成文字、数字、促销价、优惠码或水印。

04 · 倒计时背景(16:9)

04 倒计时背景
16:9 横向节日背景,深炭灰渐变,画面两侧各一条暗红色布带,下边缘少量虚化的金色纸片,中间留出一整片平整的空白。不画时钟、表盘或翻页牌,不生成数字、文字、符号、价格或水印。

05 · 优惠码卡片背景(16:9)

05 优惠码背景
@图片1 是产品参考。16:9 横向购物季背景,完整产品在左侧,右侧留出一块明亮平整的米色区域,边缘一圈很淡的阴影,用来后期放优惠码。保留产品颜色和可见结构,没有其他商品。不要生成卡片文字、虚线字符、数字、字母、价格、优惠码或水印。

06 · 社媒横向封面(16:9)

06 社媒封面
@图片1 是产品参考。16:9 横向封面,完整产品在画面中下部偏右,深绿色哑光背景,左上方和两侧保持干净,远处少量柔焦暖光。产品颜色参照原图,完整轮廓不被灯光吞没。不生成标题、价格、折扣数字、日期、优惠码、Logo 或水印。

07 · 深红纸艺宽幅(21:9)

07 深红纸艺宽幅
21:9 超宽节日横幅背景,深红色纸艺折面只分布在画面最右侧,左侧和中间是平整的浅米色,没有渐变亮斑,没有密集纹理。光线柔和,层次来自纸张阴影,留白区域用于后期排版。不要生成文字、字母、数字、倒计时、价格、优惠码或水印。

08 · 方便手机裁切的构图(16:9)

08 手机裁切构图
@图片1 是产品参考。16:9 横幅,产品位于中间偏右,完整轮廓和两侧留边都清楚,左侧是干净的浅灰背景,少量深红丝带只在最右边。保留产品颜色和可见部件,柔和侧光,主体集中,方便后期裁成窄屏版本。不要写文字、价格、数字、优惠码或水印。
同一张产品图生成的横幅背景:右侧商品 16:9、超宽留白 21:9、邮件头图、优惠码背景

提示词怎么写,留白才干净?

写清产品在哪、留白在哪、不要什么。

写法问题结果
“做一张黑五横幅,写上全场 5 折和优惠码 BF2026”让 AI 写准确的文字和数字字很可能写错,留白也不受控
“产品在右侧三分之一,左侧大面积干净留白,不生成任何文字”位置、留白、限制都写清了更容易一次得到能直接排版的背景

留白区域出现了纹理或亮斑,就在提示词里补一句“左侧平整无纹理、无亮斑”再生成。产品被装饰挡住,就减少装饰物,或写明“装饰不遮挡产品”。

倒计时和优惠码怎么加才不出错?

都在设计工具里加,并逐字核对。

  • 优惠码:用清楚的无衬线字体,字号足够大,放在对比度高的位置。发出前自己复制一遍试用,确认能用。
  • 折扣和截止日期:和活动规则一字不差,时区写清楚。
  • 倒计时:图片不会自己变化。网站用计时组件叠在留白区域上;邮件可以用邮件工具自带的倒计时功能,或者按天换图。
  • 按钮:“立即购买”这类按钮在网页或邮件编辑器里做,别做进图片里,否则点不了。

做一套横幅要多少积分?

用 GPT Image 2.5 的 1K,每张 2 积分,8 组各试一张共 16 积分。下表按 2026-10-29 线上价格计算:

分辨率每张8 张
GPT Image 2.5 1K2 积分16 积分
GPT Image 2.5 2K3 积分24 积分
GPT Image 2.5 4K4 积分32 积分

网站首页大图建议用 2K 或 4K 出终稿。重做一次就再扣一次,生成前以按钮上显示的数值为准。

这套做法有哪些局限?

  • 文字、数字要后期加:生成画面里的字不可靠。
  • 产品细节可能变化:Logo、标签和小字容易变形,重要的商品图要和实物对照。
  • 不会自动适配各种尺寸:生成的是一张图,网站和邮件的实际宽度要自己裁切。
  • 静态图不会倒计时:需要网站或邮件工具的计时功能。

常见问题

能让 AI 直接把优惠码和折扣写进横幅吗?

不建议。生成画面里的文字和数字经常出错,优惠码错一个字母就会让顾客用不了。让 AI 只生成留好空白的背景,标题、折扣和优惠码在设计工具里加,并逐字核对。

网站横幅和邮件头图能用同一张吗?

视觉风格可以共用,尺寸要分别处理。网站横幅常用 21:9 或 16:9,邮件头图常用 16:9 再按邮件宽度裁切。用同一张产品图和同一组配色分别生成,整套看起来就是一个活动。

倒计时能直接做在图片里吗?

图片是静态的,不会自己倒数。先生成中间留白的背景,倒计时用网站或邮件工具的计时组件叠上去,或者每天手动换一张写好剩余天数的图。

一张横幅背景要多少积分?

用 GPT Image 2.5,每张 1K 2 积分、2K 3 积分、4K 4 积分。本文 8 组各试一张 1K,共 16 积分。以生成按钮上显示的数值为准。

先用产品图和 01、03 两组提示词,各生成一张 1K 的网站横幅和邮件头图,确认留白和配色合适,再换 2K 或 4K 出终稿,最后在设计工具里加上标题、折扣和优惠码。