电商视觉生成器 素材制作指南返回生成器 ↗

天猫 · 商品图

组合SKU可切换

为组合 SKU 产品组预留完整、开阔的中心主体空间;标题与卖点区域保持低对比留白,背景层次清晰但不抢产品。

基准 1440 × 1440;可自定义宽度 800–2880 px,高度按 1440:1440 等比例计算(四舍五入)。制作前确认最终宽高

默认布局基准 1440 × 1440,坐标原点在左上角;调整模式、尺寸或位置后,请另附当前截图。本页预览仅供结构参考,不是本次交付素材。

准备给 AI 的任务 ↓
组合SKU可切换默认模板参考

先确定素材要放在哪里

外部制作的整张背景暂没有通用上传入口;需要开发接入。现有图片槽可直接上传产品 / 场景素材;不要把背景上传到产品槽冒充底图。

产品 / 场景图:在生成器中选择同名平台与模板,先切换数量或模式,再选中对应图片对象,用该对象的「上传图片」上传。

模板可选模式

控件选项默认
组合 SKU 数量2 个组合 SKU / 3 个组合 SKU / 4 个组合 SKU2 个组合 SKU

图片槽位与构图尺寸

尺寸单位为基准画布像素;需要透明底的产品输出 PNG,场景 / 细节图按槽位比例输出 PNG 或 JPG。同一槽位的不同模式列在不同的行。

槽位使用条件基准位置与宽高默认适配边界
左侧产品 (p1)组合 SKU 数量:2 个组合 SKU(默认)X 54 / Y 329.4 · 657 × 1069.2完整显示按模板槽位边界显示
左侧主产品 (p1)组合 SKU 数量:3 个组合 SKUX 54 / Y 329.4 · 757.8 × 1069.2完整显示按模板槽位边界显示
左上产品 (p1)组合 SKU 数量:4 个组合 SKUX 54 / Y 329.4 · 757.8 × 527.4完整显示按模板槽位边界显示
右侧产品 (p2)组合 SKU 数量:2 个组合 SKU(默认)X 734.4 / Y 329.4 · 653.4 × 1069.2完整显示按模板槽位边界显示
右上产品 (p2)组合 SKU 数量:3 个组合 SKUX 824.4 / Y 329.4 · 563.4 × 527.4完整显示按模板槽位边界显示
右上产品 (p2)组合 SKU 数量:4 个组合 SKUX 824.4 / Y 329.4 · 563.4 × 527.4完整显示按模板槽位边界显示
右下产品 (p3)组合 SKU 数量:3 个组合 SKUX 824.4 / Y 871.2 · 563.4 × 527.4完整显示按模板槽位边界显示
左下产品 (p3)组合 SKU 数量:4 个组合 SKUX 54 / Y 871.2 · 757.8 × 527.4完整显示按模板槽位边界显示
右下产品 (p4)组合 SKU 数量:4 个组合 SKUX 824.4 / Y 871.2 · 563.4 × 527.4完整显示按模板槽位边界显示

文案区域保持低干扰

下列文案由网站编辑,素材里不要重复绘制。尺寸为 0 的字段由赠品或其他模块布局控制。

文案字段默认区域
主标题X 48 / Y 72 · 1344 × 118
副标题X 110 / Y 210 · 1220 × 62

品牌条、卡片和底板以默认预览为准,制作素材时不要重画整套模板。

制作原则

素材做好,放进模板就能继续编辑

交给公司端 Codex

复制说明,再补上你的想法

方括号中的内容留给你填写。在线页面会带上当前模板的完整链接;本地预览链接无法在公司设备直接访问。