howto更新于 2026/10/28

任意比例商品图,如何完整放进白底画框不裁剪

竖图、方图、横图最终都要进同一个方形画布。学会用“等比缩放 + 居中补白”保留完整商品,并留出真正的安全边距。

任意比例商品图,如何完整放进白底画框不裁剪
62-second overview: fit a portrait or landscape product into 2000/1600/1200 white canvases

方形画布的真正难点

平台要求的是方形,但拍摄现场很少配合:杯子是竖构图,鞋子是横构图,礼盒可能接近正方形。直接缩放到 2000×2000 会拉伸;直接居中裁剪会切掉杯柄或鞋头。

正确做法是两步:先按比例缩放,让整张产品图落进一个盒子;再把盒子居中放到方形画布上,剩余区域补白。

原始商品图
示例输入:1200×900 的透明商品图

为什么要留 10%

10% 是这条工作流为留白排版选择的边距,不是平台统一标准。最终缩略图如何裁切,还要在店铺主题和目标展示位置预览。

这条工作流把产品限制在 1600×1600 的框内,再放到 2000×2000 画布,所以四周至少有 200px,也就是 10% 的安全边距。

产品框最多占画布边长的 80%;原图自带留白时,真实主体会更小。Amazon 的官方产品摄影指南建议至少 85% 的主体占比,因此不要把这个默认输出直接当作 Amazon 主图合规成品。用于主图时,需要重新调整主体尺寸并检查类目规则。

2000 白底画布
2000×2000:产品完整,四周留白

三个尺寸一次出

  • 2000×2000:留白展示图,产品框 1600
  • 1600×1600:详情页与独立站卡片
  • 1200×1200:列表缩略图与邮件素材

三个尺寸使用同一条缩放链,比例和留白一致,不会出现主图正常、缩略图贴边的情况。

1600 输出
1600×1600:留白按比例缩小

节点顺序

  1. 1LoadImage 读入商品图
  2. 2InvertMask 取回产品 alpha(ComfyUI 的 MASK 是反向 alpha)
  3. 3MaskToImage 把 alpha 转成黑白图
  4. 4ResizeAndPadImage 把商品缩放到 1600 框内,补黑边
  5. 5ImageToMask 取回缩放后的 alpha
  6. 6ResizeAndPadImage 同样缩放原图
  7. 7EmptyImage 建 2000×2000 白底
  8. 8ImageCompositeMasked 用第 5 步的 alpha 把商品贴到 (200,200)
  9. 9SaveImage 输出;再用 ResizeAndPadImage 生成 1600 与 1200

第 4 步和第 5 步必须用同一组尺寸,否则遮罩和产品会错位,边缘出现白边或黑边。

常见问题

产品旁边有黑边? 遮罩没有跟着缩放。检查 MaskToImage 后面的 ResizeAndPadImage 是否和图片那条链的尺寸一致。

产品太小? 原图透明区域太多。先在外部工具按产品边界裁紧,再跑工作流;工作流只负责加边距,不会自动去掉多余透明区。

背景不是纯白? 这条工作流输出的是 EmptyImage 的白色(#FFFFFF)。如果平台要求纯白,直接导出即可,不需要再压背景。

相关工作流

相关教程

如果你还需要场景图,先完成背景合成,再用这条工作流加白边;顺序反了会把场景一起缩进小框,主体显得更小。

本篇用到的工作流

请核对对应版本的实测记录与交付状态,在线试跑仅在开放时提供。

继续阅读