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

黑五要换网站首页横幅、发促销邮件,手里只有一张产品图,也能做出一整套。思路是让 AI 只做背景:产品放在一侧,另一侧留出干净的空白,标题、折扣和优惠码之后在设计工具里加。下面是在 DramaCanvas 画布里的做法、比例怎么选、8 组可直接复制的提示词,以及倒计时和优惠码的正确加法。
产品图还没拍好?先看 一张手机产品照做黑五商品图。要配一条 15 秒广告视频,可以看 黑五广告视频怎么做。
黑五横幅和邮件头图应该怎么分工?
背景交给 AI,文字交给设计工具。
AI 擅长生成好看的场景和光线,但写字不可靠:折扣数字、优惠码、日期一旦写错,顾客就会看错甚至用不了。所以最稳的做法是两步:先在画布里生成留好空白的背景,下载后在设计工具里放上准确的标题、折扣和按钮。
网站横幅和邮件头图可以共用同一套视觉:同一张产品图、同一组颜色、同样的留白方向,只是比例不同。
怎样在画布里生成横幅背景?
上传产品图,连到新的图片节点,选比例,写提示词,生成。
第 1 步:上传产品图并连到图片节点
点击画布底栏的“添加节点”,选择“上传文件”,选好产品图后点“添加到画布(1)”。再添加一个“图片”节点,从产品图节点右侧的连接点拖线过去。在提示词里输入 @,从菜单里选“图片1”,就引用了这张产品图。
第 2 步:在“图像设置”里选宽幅比例
在节点下方选择 GPT Image 2.5,打开“图像设置”,在“尺寸或比例”里选比例:网站首页大横幅选 21:9,普通横幅和邮件头图选 16:9。“分辨率”先选 1K。
第 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)
@图片1 是产品参考。16:9 横向促销背景,完整产品放在右侧三分之一,左侧大面积是平整的暖灰色墙面,不放任何道具。右后方少量失焦的深红缎带,柔和侧光,保持产品外轮廓和颜色。左侧留给后期标题,不生成文字、数字、价格、优惠码、Logo 或水印。02 · 超宽节日留白(21:9)
@图片1 是产品参考。21:9 超宽横幅,产品完整放在最右侧,前景是哑光深灰台面,右侧少量暖金色纸艺装饰,左侧三分之二区域干净无纹理。保留产品外形和可见部件,柔和影棚光,产品不贴边。画面里不出现文字、数字、价格、折扣、优惠码或水印。03 · 邮件头图,中间留白(16:9)
@图片1 是产品参考。16:9 横向邮件头图背景,完整产品在右下区域,左下角少量松枝,上方和中间是干净的米色留白。产品保持原来的颜色和形状,光线明亮柔和,装饰不遮挡产品。不要生成文字、数字、促销价、优惠码或水印。04 · 倒计时背景(16:9)
16:9 横向节日背景,深炭灰渐变,画面两侧各一条暗红色布带,下边缘少量虚化的金色纸片,中间留出一整片平整的空白。不画时钟、表盘或翻页牌,不生成数字、文字、符号、价格或水印。05 · 优惠码卡片背景(16:9)
@图片1 是产品参考。16:9 横向购物季背景,完整产品在左侧,右侧留出一块明亮平整的米色区域,边缘一圈很淡的阴影,用来后期放优惠码。保留产品颜色和可见结构,没有其他商品。不要生成卡片文字、虚线字符、数字、字母、价格、优惠码或水印。06 · 社媒横向封面(16:9)
@图片1 是产品参考。16:9 横向封面,完整产品在画面中下部偏右,深绿色哑光背景,左上方和两侧保持干净,远处少量柔焦暖光。产品颜色参照原图,完整轮廓不被灯光吞没。不生成标题、价格、折扣数字、日期、优惠码、Logo 或水印。07 · 深红纸艺宽幅(21:9)
21:9 超宽节日横幅背景,深红色纸艺折面只分布在画面最右侧,左侧和中间是平整的浅米色,没有渐变亮斑,没有密集纹理。光线柔和,层次来自纸张阴影,留白区域用于后期排版。不要生成文字、字母、数字、倒计时、价格、优惠码或水印。08 · 方便手机裁切的构图(16:9)
@图片1 是产品参考。16:9 横幅,产品位于中间偏右,完整轮廓和两侧留边都清楚,左侧是干净的浅灰背景,少量深红丝带只在最右边。保留产品颜色和可见部件,柔和侧光,主体集中,方便后期裁成窄屏版本。不要写文字、价格、数字、优惠码或水印。提示词怎么写,留白才干净?
写清产品在哪、留白在哪、不要什么。
| 写法 | 问题 | 结果 |
|---|---|---|
| “做一张黑五横幅,写上全场 5 折和优惠码 BF2026” | 让 AI 写准确的文字和数字 | 字很可能写错,留白也不受控 |
| “产品在右侧三分之一,左侧大面积干净留白,不生成任何文字” | 位置、留白、限制都写清了 | 更容易一次得到能直接排版的背景 |
留白区域出现了纹理或亮斑,就在提示词里补一句“左侧平整无纹理、无亮斑”再生成。产品被装饰挡住,就减少装饰物,或写明“装饰不遮挡产品”。
倒计时和优惠码怎么加才不出错?
都在设计工具里加,并逐字核对。
- 优惠码:用清楚的无衬线字体,字号足够大,放在对比度高的位置。发出前自己复制一遍试用,确认能用。
- 折扣和截止日期:和活动规则一字不差,时区写清楚。
- 倒计时:图片不会自己变化。网站用计时组件叠在留白区域上;邮件可以用邮件工具自带的倒计时功能,或者按天换图。
- 按钮:“立即购买”这类按钮在网页或邮件编辑器里做,别做进图片里,否则点不了。
做一套横幅要多少积分?
用 GPT Image 2.5 的 1K,每张 2 积分,8 组各试一张共 16 积分。下表按 2026-10-29 线上价格计算:
| 分辨率 | 每张 | 8 张 |
|---|---|---|
| GPT Image 2.5 1K | 2 积分 | 16 积分 |
| GPT Image 2.5 2K | 3 积分 | 24 积分 |
| GPT Image 2.5 4K | 4 积分 | 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 出终稿,最后在设计工具里加上标题、折扣和优惠码。



