v1 · 1 个 preset 可用SAMPLE IMAGE GENERATOR
样品套图
一个工具，多种样品图样式。选 SKU、选样式、一键生成—— 从电商主图、onboarding 提交，到展厅样品板、社媒素材，全场景覆盖。
6 种样式 Preset
v1 · 1 可用 · 5 开发中
可用
样品盒 / Mailer
牛皮纸盒 + 板材阶梯式陈列，DOTFLOOR / Flooret 同款 hero
→ 电商主图 · Lowe's / HD onboarding
敬请期待
扇形展开 / Fan
皮革吊带为轴，多块样品扇形铺开
→ 系列总览 · 社媒 1:1
敬请期待
手提样品板 / Handle Board
立式 PVC 板带提手孔，多块小样贴板
→ 展厅 · 销售拜访 · 经销商套件
敬请期待
单 SKU 样品 / Swatch
单块板，白底 / 木台 / 灰底可切换
→ listing 副图 · 规格表插图
敬请期待
Chip 阵列 / Grid
N × M 小样网格，整齐排列
→ 色卡墙 · catalog 索引页
敬请期待
场景图 / Lifestyle
样品放在 showroom 桌面 / 地板边的真实场景
→ catalog hero · 品牌叙事
用户控制项
每个 preset 共享同一套输入品牌 + Logo
DOTFLOOR / SUPEROAK / Benchwick … 8 个品牌切换，自动套用 logo、品牌色、slogan
套件名
Bestsellers 2026 / Stone Look / Wide Plank Collection 自定义命名
SKU 多选
从产品库（13 系列 / 84 SKU）勾选 4-8 块，决定样品板纹理
输出比例
1:1 主图 / 4:5 IG / 16:9 横版 / 9:16 竖版 一键切换
背景
纯白 / 木纹台面 / 深色 / 场景四档
Badge / 角标
NEW / BESTSELLERS / LIMITED + 年份，或完全自定义
技术方案
混合：模板 + AI- 1模板层：每个 preset 一套 SVG/Canvas 模板，控制构图、品牌元素、文字、阴影
- 2SKU 纹理：从产品库（lib/products.ts）拿原图，贴到样品板模型上，保证颜色准确
- 3AI 增强：lifestyle / 复杂阴影场景调用 nano-banana 出底图，模板叠 SKU 与文字
- 4合成与导出：html2canvas-pro 渲染最终图，按比例切尺寸，PNG / JPG / WebP