为什么电商需要批量裁剪命名
上新、促销和详情页维护经常需要处理几十张甚至上百张产品图。如果每张图都单独打开、框选、保存、改名，不仅耗时，也容易出现尺寸不一致、文件名混乱的问题。
统一裁剪能让商品主体比例稳定，页面视觉更整齐；统一命名则方便团队按 SKU、用途或日期检索素材，减少上传平台后的重复检查成本。
按商品形态选择裁剪形状
| 形状 | 适用场景 | 操作建议 |
|---|---|---|
| 矩形 | 标准主图、详情图、平台固定尺寸素材 | 先确定目标宽高比，再保留适当留白，避免主体贴边。 |
| 自由四边形 | 倾斜包装盒、书籍、卡片等近似平行四边形的商品 | 拖动四个角点贴合边缘，必要时开启顶点编辑微调。 |
| 三角形 | 装饰元素、几何海报、特殊陈列造型 | 以上中、右下、左下三点为基础，再逐点调整轮廓。 |
| 圆形 / 椭圆 | 头像、徽章、圆形标签、促销角标 | 让圆心对准视觉中心，短边半径会限制最大圆形范围。 |
| 自由多边形 | 轮廓复杂但需要透明背景的局部抠图 | 沿主体边缘分段取点，导出 PNG 保留透明区域。 |
提示：矩形和自由四边形支持网格切分；需要把长图拆成多张规格图时，先用整图切分生成基础区域，再统一重命名。
建立可持续的命名规则
批量命名不只是加序号，还应包含业务含义。推荐使用“前缀 + 序号”或“类型 + 编号”，并避免空格、中文标点和特殊字符。
- SKU 主图：sku1001_main_01
- 细节图：sku1001_detail_01
- 活动素材：promo0826_banner_01
- 网格切图：设置前缀后自动生成行列名称，便于还原位置关系。
多选裁剪结果后可打开批量命名面板，用相同前缀重新编号；单张关键图仍可单独修改名称，保证重要素材优先展示。
从上传到 ZIP 导出的完整流程
- 打开批量形状裁剪工具，点击上传按钮导入原始图片。
- 根据商品轮廓选择矩形、自由四边形、三角形或圆形模式。
- 在画布上框选区域，并通过角点、顶点或控制柄调整边界。
- 在右侧列表确认每个区域的名称，多选后执行批量前缀命名。
- 需要透明背景选择 PNG；普通白底展示可选择 JPG。
- 单张可直接下载，多个结果一键打包为 crops.zip。
注意：若 JSZip 资源加载失败，工具会自动降级为逐张下载；批量数量较多时，请等待浏览器完成全部保存请求。
交付前的质量清单
- 同一组主图的宽度、高度和留白保持一致。
- 商品主体没有被关键信息遮挡，四角没有误裁。
- 透明素材使用 PNG，压缩展示图使用 JPG 并确认画质。
- 文件名能反映 SKU、用途和顺序，团队其他人也能理解。
- ZIP 解压后抽查首、尾图片，确认没有漏导或错名。