PixPix一站式生成独立站新品六类图片:主图、场景图、细节图、尺寸图、卖点图、首屏Banner,支持品牌色匹配、移动端适配、WebP压缩及局部精修,全程无需导出导入,60~90秒批量产出并自动对接CDN或Shopify。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

为独立站新品页面准备主图、场景图、细节图、尺寸图、卖点图和首屏Banner,需要兼顾品牌调性统一、加载速度、移动端适配和转化引导,PixPix能在一个工作台里完成全部产出,无需导出导入反复切换。
上传原图并启动商品套图流程
打开 PixPix 工作台 → 点击「商品套图」模块 → 将独立站新品的平铺图或白底图拖入上传区。支持单张或多张上传,但【首张必须是产品主体清晰、无遮挡、背景干净的正面图】,否则后续AI无法准确识别产品轮廓和关键特征。
上传后系统自动分析图像,3秒内生成基础识别报告(含产品类别、材质倾向、主色调),不需手动标注或选模型。
设定独立站平台规范与视觉需求
在套图设置面板中,平台类型选择「独立站(Custom)」→ 手动输入目标页面尺寸(如首屏Banner宽1920px、商品主图建议1200×1200px、细节图800×800px)→ 开启「品牌色匹配」开关,从已有资产库中选取主品牌色(支持HEX/RGB输入)。
这一步不能跳过:独立站没有像Amazon那样的强制白底规则,但PixPix会据此禁用纯白底强制模式,转而启用智能背景融合策略——比如为家居类目自动匹配浅灰渐变底,为美妆类目生成柔光微纹理底,避免千图一律的“电商味”。
勾选「生成移动端适配图」,系统将同步输出750×1334px竖版场景图,用于手机端弹窗或滑动Banner。
批量生成六类核心素材
点击「开始生成」→ 等待60~90秒,六组素材按优先级顺序自动产出:
- 白底主图(1200×1200px):保留产品占比≥80%,边缘锐度增强,自动添加1px浅灰描边提升网页显示清晰度;
- 生活场景图(1920×1080px):根据产品类目调用不同模型——电器类生成厨房/办公桌实景,服饰类生成街拍氛围图,家具类生成客厅/卧室空间嵌入效果;
- 细节放大图(800×800px):AI自动定位LOGO缝线/接口/材质纹路等高价值区域,非随机裁切;
- 尺寸对比图(1200×600px):若原图含参照物(如硬币、手掌、A4纸),则自动生成带标尺的对比图;否则插入通用比例模板并标注毫米单位;
- 卖点图标图(300×300px):提取标题文案中的关键词(如“防水”“快充”“可折叠”),生成对应扁平化icon+短文案组合图,共3张;
- 首屏Banner(1920×600px):融合主图+品牌Slogan+CTA按钮占位区,留出右侧20%空白供前端插入动态按钮代码。
所有图片默认开启WebP格式压缩,体积比PNG小62%,加载速度实测提升1.8倍。
局部精修与风格微调
生成完成后,直接在画布中双击任意图片进入编辑态:
方法一:用「局部重绘」工具圈选产品金属接缝处 → 输入“增强反光质感,保留哑光底色” → 点击重绘,3秒完成高光修复;
方法二:对Banner图点击「AI调色」→ 选择「Dior官网同款冷调」预设(PixPix内置17个主流独立站品牌色板),一键匹配视觉语境;
方法三:选中尺寸图 → 点击「文字标注」→ 拖拽标尺线 → 双击输入“展开长度:128cm”,字体自动匹配页面当前CSS字号体系。
【注意:所有编辑操作实时保存至资产库,不覆盖原始生成图,历史版本可随时回溯】
导出并对接独立站后台
勾选全部6类素材 → 点击右上角「导出」→ 格式选「ZIP包(含WebP+JSON元数据)」→ 下载完成。
解压后可见:/main/含6个命名规范的文件夹,每个文件夹内含图片+同名.json(记录生成参数、品牌色值、ALT文本建议);
将/main目录整体上传至独立站CDN,或直接拖入Shopify后台「Products → Media」栏目,系统自动识别JSON并填充ALT字段与尺寸标签。
















