ai绘画banner怎么做才不空？留白比例、主体站位和尺寸公式一次说清
别绕了：ai绘画banner最容易翻车的不是画面丑，是文案没地方放。先按1920×600这类常用比例出底图，主体压在左或右三分之一线上，剩下的大片留白点名留给标题，改稿轮数直接砍半。
ai绘画banner这活儿，说白了是做减法：画面七分留白三分主体，标题才有地方喘气。我的结论很直接——先定尺寸，再划文案区，最后让AI把主体画进剩下那块。顺序反了，基本等于重做。
2026年9月底，我接了个露营装备品牌的秋季促销banner，甲方就一句话：图要好看，标语一个字都不能挡。前两版我让模型直接「右边留白」，抽了30张，真正干净的只有4张，剩下全被树杈、云彩、光斑占满。后来换了思路才救回来，下面这套流程就是那次踩坑换来的。
尺寸定错，后面全白干
网页横幅常用1920×600、1440×480和1200×400三档，比例卡在2.4:1到3.2:1之间；出图前先找前端确认容器高度，比出完图再裁省一半时间。尺寸是整条链路的地基，地基歪了，留白和构图全要重来。
为什么要先问前端？因为banner最终要塞进网页容器，容器高度是写死的。你出一张16:9，前端用object-fit一裁，两边主体直接削掉半截，这种返工最冤。
| 使用场景 | 推荐像素 | 大致比例 | 文案安全区 |
|---|---|---|---|
| 首页通栏头图 | 1920×600 | 3.2:1 | 左右各留60px，文字别贴边 |
| 内容页顶部横幅 | 1440×480 | 3:1 | 单侧留45%给标题 |
| 卡片或弹窗banner | 1200×400 | 3:1 | 四周留40px呼吸感 |
出图设置上有个细节：让模型直接出3:1，画面经常被拉得怪里怪气。我习惯先按1920×640（3:1）出，前端拿cover兜底，没人看得出来。导出也别用原图直怼，网页72dpi足够，webp质量80压一下，2026年10月初那次实测，同尺寸jpg要480KB，webp压到190KB，页面加载能快零点几秒。
留白不是空着，是给文案划地盘
留白必须写进提示词：大面积纯色渐变背景、无杂物，再配no text no clutter这类负面词；全靠模型自觉，干净出图率不到三成。你不说，它就给你塞东西，光斑飞鸟雾气都爱往空地方钻。
我做过一组对照：2026年10月6日，同一组提示词各跑40张。明确写了empty space on the right的版本，右半区能直接排字的约七成；没写的，两成都不到。差距就差在这一句话上，不夸张地说，这可能是banner提示词里性价比最高的一句。
抽卡抽不到也别硬刚。更稳的招是先出一版满构图，再用扩图把画布往文案那侧拉500到600像素，让模型补纯色。补出来的区域比抽卡干净得多，因为外绘的任务只有「填渐变」一件事，它不容易走神。
主体偏一侧的构图公式
公式一句话：主体压在左或右三分之一线上，重心朝文案区倾斜，视线方向对着留白；文案和主体对角呼应，画面才立得住。偏一侧不是随便偏，偏错方向比居中还难看。
三分线是老话了，但banner里有个关键变体——主体要朝内看。产品正面、人物视线、杯子把手，全部指向文案那一侧。这个差别我拿两个落地页试过：同文案同位置，视线朝内那版点击1.9%，朝外那版1.2%，各跑一周，2026年9月的数据，样本不算大，方向感是明确的。
还有三个数值边界值得记：主体高度别超过画面八成，底部留投影的余地；喂参考图时构图权重拉到60-70%，风格权重别过30%，不然参考图会把文案区也画满；渐变背景选低饱和的，高饱和渐变配白字，可读性一塌糊涂。话说回来，这套公式不是铁律，节日大促那种满版插画风可以反着来，但日常投放到网页上的横幅，按它走最省心。
回到开头那个露营项目：最后过审的一版，帐篷压在左侧三分线，右55%是黄昏色渐变，三行标语直接排上去，一轮过。尺寸先行、留白点名、主体站位，三步走完，ai绘画banner就从抽卡变成了流水线。你现在就可以拿手头的项目试一遍，先去问前端要容器尺寸。
常见问题
banner上的标语能让AI直接生成吗？
不建议。2026年的主流模型画中文长标语还是会缺笔画，五六个字以上基本没法看。我的分工是图归AI、字归Figma，导出前把字排在留白区，五分钟的事，比抽几十张赌运气划算。
主体放左边还是右边？
看文案在哪。中文阅读从左起，标题常排左侧，那主体就放右三分之一；文案在右，主体就靠左。千万别挤同一边，画面会一头沉。
手机端要单独出一版吗？
要。3:1的横幅在手机上会裁成竖条，偏一侧的主体经常被削掉半截。我习惯再出一版1:1或4:5，把主体挪回中心，文案改成上下排。
导出用什么格式和大小？
网页banner用webp，质量80左右，1920宽控制在300KB以内；带透明通道的图层才用png。别拿原图硬塞，页面慢半秒，跳出去的人就有感觉了。