这篇解决什么问题
场景：给首页轮播、活动页头图、信息流横幅做图。横幅的特殊之处在于它又窄又长，但要塞的东西一点不少：一个主体、一句主题、一个价格、一个按钮。
交付物：一条从定尺寸到验收的六步流程、一张失败样本对照表、一份发布前质检清单、一份标了估算性质的时间账。做完你手上会有一张能直接上传的横幅，和一套下次能复用的分区模板。
这篇不解决什么：不解决竖版海报和方形封面的构图，不解决动效横幅，也不做平台规范的最新核对——平台尺寸和审核规则会变，文内尺寸来自第三方整理，请以平台当前规范为准。
先看失败样本
横幅的失败很集中，几乎都能归到下面八行里。先认脸，再动手。
| 现象 | 真正根因 | 改法 |
|---|---|---|
| 手机端两侧文案被裁掉 | 按 PC 满宽构图，核心内容落在裁切区 | 核心内容压进中心 60% 区域 |
| 缩到投放宽度后字看不清 | 字号按大图定的，没按投放宽度验证 | 字号按最小投放宽度反推 |
| 主体和文字互相压 | 没做分区，主体铺满整幅 | 先划主体区／文字区／留白区 |
| 信息全塞进去，没有重点 | 没有取舍优先级 | 只留一级信息，其余挪落地页 |
| 主体被横向压扁 | 拿方形构图拉成横幅 | 出图时就按横幅比例生成 |
| 换尺寸就要整张重做 | 主体、文字、背景在同一图层 | 分层输出，主体居中 |
| 文件超重，上传被拒 | 没按平台限制控体积 | 导出时压到限制以内 |
| 手机上按钮点不到 | 点击区按 PC 尺寸做的 | 手机端按钮另做尺寸 |
一条能交付的流程（六步）
第一步：锁死投放尺寸与安全区
先查平台当前规范，把尺寸、安全区、文件上限三个数写下来再构图。下面这组数字来自 2026-05 一份第三方整理的电商尺寸速查表，是第三方整理不是平台官方规范，下单前请再核一遍；我还发现不同来源对同一平台尺寸说法不一致（某平台首页横幅，一处写 1920×550，另一处写 1920×400），这正是必须以官方为准的原因。
[参数：常见横幅尺寸与安全区，第三方整理，以平台当前规范为准]
淘宝/天猫首页轮播：PC 1920×600，手机 750×340，PC 安全区居中约 1200px
京东首页横幅：一处来源写 1920×550（手机 750×350），另一处写 1920×400
拼多多场景横幅：750×300（移动端为主）
大促活动页头图：PC 1920×500–700，手机 750×400–600
安全边距通用规则：上下各 60px；左右 PC 120px、手机 40px
核心内容：落在画面中心 60% 区域内
文件上限：常见 ≤500KB，大促位 ≤800KB验收：尺寸、安全区、文件上限三个数都写在项目备注里；如果平台规范和上表不一致，以平台规范覆盖上表。
第二步：划三个区
横幅窄，分区必须提前定死。常见做法是左文右图或左图右文：主体占 40%–50% 宽度，文字区占 40%，剩下留白。主体不要居中，居中会把文字区挤成两条缝。
验收：三个区画得出明确边界；文字区背景平整；主体没越界压到文字区。
第三步：定信息取舍优先级
横幅只装得下一级信息。按这个顺序挑：主题或利益点 → 价格或折扣 → 时间限制 → 按钮 → 其他。第三项之后的基本要砍掉或挪到落地页。第三方整理里有“文字不超过图片面积 20%”的说法（非官方规范），可当粗略天花板。
验收：图上只剩一级信息；删掉任何一块文字，剩下的依然成立；文案字数比初稿少三分之一以上。
第四步：出无字底图
出图时就按横幅比例生成，并告诉模型文字区要留白。不要再走“出方形图再裁”的老路。
横幅底图，画幅比例约 3:1
左侧 40% 为平整纯色区域，无纹理无装饰，作为文字区
右侧 45% 为产品主体，暖色侧光，与左侧留白之间有清晰分界
中间 15% 为过渡留白
画面中不要出现任何文字、标签、水印、价格牌
背景：浅米白纯色过渡到浅灰
输出比例 3:1验收：左侧留白区放大到 200% 仍然平整无纹理，能直接铺字；整图找不到任何模型自己生成的文字；主体与留白的分界清晰，没有糊在一起。
第五步：叠字与多尺寸适配
文字单独一层，按最小投放宽度定字号。多尺寸的思路是：按最小的定字号，靠留白吸收大的，不是反过来。
[排版参数]
主标题字号：不小于画幅高度的 12%，按手机端 750px 宽版本反推
副标题字号：主标题 × 50%
价格/折扣：主标题 × 45%，用强调色
CTA 按钮：手机端另做，不要等比缩小
安全边距：上下 ≥60px，左右 PC ≥120px / 手机 ≥40px
字距：中文主标题 -3%
对齐：文字区左对齐或居中，与主体分列两侧验收：缩到手机端实际投放宽度，主标题仍能一眼读完；所有核心内容都在中心 60% 区域内；改一处文案不用重新出底图。
第六步：按投放宽度验收
把成品缩到它真正会被看到的尺寸，在手机上看一眼。电脑上通过的图，在手机上一半会挂。
验收：在目标平台预览里看过一次；文件体积在限制以内；主体没有被裁到边缘。
发布前质检清单
□ 尺寸与平台当前规范核对过，不是照抄第三方表格
□ 核心内容都在中心 60% 区域内
□ 主体、文字、背景分了层
□ 文字区背景平整，没有纹理干扰
□ 图上只剩一级信息，多余信息已砍掉
□ 字号是按最小投放宽度反推的
□ 缩到手机端实际宽度后，所有文字仍可读
□ CTA 按钮在手机端有独立尺寸
□ 文件体积在平台限制以内
□ 底图上没有模型自己生成的文字时间与成本的真实账
下面这张表的时间是本人经验估算，不是实测数据，用来判断哪一步值得投入。成本一栏我没法给可靠数字——模型计费方式、订阅档位、额度都在变，请以所用工具官方定价为准。
| 环节 | 传统做法（估算） | 本文流程（估算） | 性质 |
|---|---|---|---|
| 查尺寸与安全区 | 10–20 分钟 | 10–20 分钟，省不掉 | 估算 |
| 构图分区 | 约 20 分钟 | 15 分钟，有模板后更短 | 估算 |
| 出底图 | 拍或找素材，30 分钟起 | 出图加筛选，约 15 分钟 | 估算 |
| 叠字排版 | 约 20 分钟 | 约 20 分钟，改文案可复用 | 估算 |
| 多尺寸适配 | 每尺寸重做，30–60 分钟 | 分层复用，约 15 分钟 | 估算 |
| 返工（裁切、看不清） | 常见 1–2 轮 | 按清单走，可压到 0–1 轮 | 估算 |
五种翻车与补救
- 底图很好但文字区有纹理。先用修补工具抹平，抹不干净就重出，把“平整无纹理”写进提示词第一句。
- 产品是竖长的，横幅里放不下。别硬塞全身，改局部特写；或在平台允许范围内加大画幅高度。
- 客户坚持塞进所有卖点。把职责分开讲：横幅负责让人点，卖点交给落地页。给他看缩到手机宽度后的效果，通常就够了。
- 手机端和 PC 端主体位置冲突。主体居中，两端留白；PC 版在留白处补装饰，手机版直接裁两端。
- 上传后平台说不合格。先查体积和尺寸这两项，八成是它们；再查有没有平台禁止的绝对化用语。
下一步
把这条流程里的分区和尺寸记成模板文件，下次只换主体和文案。横幅真正花时间的不是出图，是反复适配尺寸——模板化一次，后面每张省一半时间。
如果横幅要落到商品主图链路里，站里这篇AI 电商主图六步流程讲了从需求到验收的完整做法，可以和这套分区流程并着用。
数据来源：横幅尺寸、安全区、文件上限等数值引自 2026-05 一份第三方电商尺寸速查表（第三方整理，非平台官方规范，非本人实测；不同来源存在冲突，已在文中标出）。文字面积占比上限同样来自第三方整理。时间账为本人经验估算，非实测；成本未给数字，请以所用工具官方定价为准。整理日期 2026-10-04。