电商白底图制作

📖 工具介绍

电商平台对主图的要求一向很具体：背景要纯白，商品要占满画面又不能顶到边，促销信息还得压在角上。过去这些活得在修图软件里一步步做——钢笔抠图、填充背景、画角标、对齐、导出，一张图十几分钟。这个工具把整条流水线搬到浏览器里：上传商品图后自动识别背景并抠掉换成纯白底，接着往角上叠加促销角标，形状、颜色、文字、位置全部可调，最后按淘宝、天猫、京东、亚马逊等平台的规格导出。全程在本地完成，图片不会上传到任何服务器。抠图用的是区域生长算法：先采样四边的主色作为背景，再从边缘向内生长，只清除与边缘连通的区域，商品内部恰好同色的部分不会被误删，玻璃瓶、金属件这类高反光商品也能保住细节。边缘另有羽化和去白边两档处理，能压掉浅色商品周围常见的一圈灰边。个别识别不准的地方，用修补笔刷在预览图上直接擦掉或补回即可。角标支持同时叠放多个，每个角标有独立的形状、填充、描边、文字、投影和不透明度，上下按钮决定叠放次序。

✨ 功能特点

• 自动抠图换底：识别容差、边缘羽化、去白边三个参数分开调。容差决定颜色相近到什么程度算背景，羽化让边缘过渡自然，去白边把残留的背景色边向内吃掉。
• 三种底色模式：纯白、自定义颜色、透明。透明模式导出 PNG 后可以直接铺到详情页模板或海报上继续排版。
• 十种角标形状：矩形、圆角矩形、圆形、椭圆、三角形、燕尾条、飘带、爆炸星、盾牌、气泡，配合十个快捷模板（新品、热卖、特价、包邮、限时、爆款、正品、秒杀、折扣、满减券）一键套用。
• 每个角标独立可调：文字内容支持多行，形状、九宫格摆放位置、横纵偏移、宽高、旋转角度、纯色或渐变填充、描边颜色与粗细、虚线、文字颜色字号粗细与描边、不透明度、投影与模糊程度，全部单独控制。
• 内置平台画布：淘宝 800、天猫与虾皮 1000、京东 1200、亚马逊 2000、详情页 750×1000、小红书 1080，也可以自己填宽高。
• 构图实时反馈：商品缩放、垂直对齐与横纵偏移共同决定构图，状态栏实时显示商品占画面的百分比，方便把占比控制在建议区间。
• 多种输出：导出 PNG、JPG、WebP 三种格式并可设质量，另有复制图片到剪贴板和直接打印。

🛠 使用方式

1. 点「选择图片」或把商品图拖进虚线框；没有现成素材可以先点「载入示例图」体验完整流程。
2. 看预览调整「识别容差」。背景没去干净就调大，商品被吃掉一块就调小；边缘发灰时加大「去白边」，边缘太硬时加大「边缘羽化」。
3. 遇到算法处理不了的地方，把「手动修补笔刷」切到擦掉背景或补回商品，在预览图上按住拖动涂抹，笔刷大小可调。
4. 在「画布尺寸」里选平台规格，再用商品缩放和偏移把构图摆好，参考状态栏的商品占比。
5. 点「添加角标」，从快捷模板选一个或自己写文字，然后调形状、位置、颜色、字号等参数；需要多个角标就继续添加，用上移下移安排叠放次序。
6. 选好格式与质量，点「下载成品图」保存，也可以复制或打印。

⚠️ 注意事项

• 抠图基于颜色相似度，不是 AI 分割：背景与商品颜色接近、背景杂乱、商品有半透明或镂空部分时效果会打折，这类图建议配合修补笔刷手动处理。
• 去白边别一次调太大：数值过大时商品边缘也会被吃掉，毛绒、羽毛这类松软边缘尤其明显，建议从 1 开始逐步加大并随时看预览。
• 超大图会先降采样：三四千万像素的原图先缩到约 250 万像素完成抠图，再按目标尺寸合成，边缘精度比小图略低。
• 透明底色请导出 PNG：JPG 不支持透明通道，透明区域会被填成白色。
• 角标尺寸是相对值：宽高与字号都按画布宽度的百分比计算，换画布尺寸时角标等比缩放，但极端长宽比下建议重新确认位置。
• 处理全在本地完成：刷新页面后图片与角标设置会丢失，重要的图记得先下载保存。
• 两个描边设置需要配合：描边颜色与虚线只在描边粗细大于 0 时才看得见，投影模糊也只在勾选投影之后生效，调了没反应时先看这两处开关。