教程
Shopify 独立站详情页长图与首页 Banner 制作
独立站素材和平台图不是一回事
在亚马逊这类平台上，图要服从平台规范，风格越中立越安全。独立站没有统一模板，图要服从你自己的品牌，风格越统一越有价值。
- 首页 Banner：横向、远距离观看，主体和文案都要能在几秒内被理解。
- 详情页长图：纵向、近距离阅读，可以承载完整的卖点叙述。
- 分类页配图：尺寸小、成组出现，识别度优先于细节。
三者比例不同、观看距离不同，不要拿同一张图改尺寸复用。
先定视觉约束，再开始生成
独立站最容易暴露的问题是「每张图都不错，放在一起不像一个品牌」。开始之前先把这几项固定下来，后面每张图都沿用：
- 背景基调：纯色、浅色场景还是实拍环境。
- 光线风格：柔和均匀还是强对比。
- 品牌色是否入画，出现在什么位置。
- 拍摄高度和视角：平视、俯视还是 45 度。
- 文案区留白位置和大致比例。
把这些写成一段固定描述，作为你自己的模板。独立站的素材产出是长期的，模板的价值远大于单张图的惊艳程度。
准备输入
- 商品原图主体清晰、边缘完整，背景尽量干净，方便换到不同版式中。
- 每种版式各写一份描述：横版强调留白和文案区，长图强调叙述顺序和分段节奏。
- 文案预留位置要提前想好，出图时留出干净区域，文字由后期排版添加。
- 不要要求 AI 生成品牌名称或促销文案，文字后期加更可控。
生成步骤
- 上传商品原图。在生成页上传同一款商品的清晰图片，锁定商品外观。
- 写版式描述。横版写明「商品偏一侧、另一侧留白用于文案」；长图写明「自上而下分段展示，每段一个卖点」。
- 应用视觉约束。把品牌背景、光线和视角的固定描述加进去，保证与已有素材一致。
- 选择平台、市场、语言和尺寸。平台选 Shopify，比例按投放位置分别选横版与竖版，语言和货币单位按目标市场选。
- 勾选要生成的图。先出首图和核心卖点图确认风格，再补细节图和场景图，需要整套时一次勾选多个图类型。
- 提交前核对。确认描述中的品牌约束完整，并看清按钮旁显示的预计积分。
出图后检查
- 桌面和移动各看一遍。横版 Banner 在手机上往往被裁成中间一小条，主体和文案要落在裁切后仍然保留的范围内。
- 留白区真的够用吗。把文案按实际字数排上去试试，不要凭感觉估。
- 与站内现有素材是否统一。新图和已有图的背景、光线、视角放在一起是否协调。
- 长图的阅读顺序。从上往下看，叙述是否连贯，有没有跳段或重复。
- 商品是否被改动。颜色、结构、配件数量与输入是否一致。
- 文字内容。画面里没有残留乱码，后期文案的数字和宣称是否准确。
结果不合适怎么改
- 横版主体被裁：把商品移到画面中央区域，并留出上下安全边距，或换成裁切后仍完整的构图。
- 留白不够排文案：明确要求留白区域的位置与大致比例，同时减少背景元素。
- 风格和站内已有图不统一：回到固定的视觉约束模板重新生成，不要在单张图上做局部补救。
- 商品被改形：补一张更清晰的主体参考图，并在描述里逐条列出不能改的部位。
- 只有一两张不满意：点开大图，在弹窗里对局部做精修或重新生图，不必整套重来。
导出后还要过一遍站点要求
图片尺寸、格式、体积和加载表现，按 Shopify 当前的建议和你的主题设置来定。素材生成完成不等于可以直接上线，导出后按站点要求压缩和命名，再上传预览一次。