先把问题解决
先检查每一种输出比例,再调商品缩放和垂直偏移。当前商品模板把画布上方72%的高度用于放图,在下方绘制标题、副标题与价格;向下偏移会移动商品,却不会跟着移动文字。
先确认你要的是活动图还是纯商品照片
商品主图与智能抠图会生成带商品和文案的营销模板。它不是只改尺寸的照片转换器:即使标题留空,也会用原文件名作为标题。若任务只是提交没有文案的照片,先使用图片工作室。
商品是否符合某个平台的主图规范,需要另外核对。特别是四角颜色相同也不等于整张背景合格,可以接着阅读主图背景与商品占比检查。本篇不会将一张营销模板当成平台审核通过的证据。
准备同一张方图和两种输出尺寸
自编例子使用1200×1200像素方图,先不抠图、不加Logo、不加水印,以免混淆布局原因。设置纯色背景,填写容易识别的标题,输出尺寸写成1000x1000,800x1200。所有位置计算都来自当前模板规则,不是画质或转化效果测试。
- 导入图片,选择当前图片,确认原图四边都有可检查的内容。
- 先保持商品缩放85%、垂直偏移0,导出两种尺寸。
- 解压ZIP后分别打开方形与竖版,查看商品下沿到标题的距离。
同一张图为什么在两种模板里大小不同
对于方形输出,图片区是1000×720像素。原图按比例放入后,再乘85%缩放,得到612×612像素;水平居中位置为194,上沿为54。竖版画布的图片区高度则是864,宽度800成为限制,因此得到680×680像素。
标题基线位于画布高度的80%。方形图是800像素,竖版图是960像素。基线不是文字上边界,因此商品靠近这个位置时,应额外留出实际字形的空间。
| 输出与设置 | 商品尺寸 | 上沿→下沿 | 标题基线 |
|---|---|---|---|
| 1000×1000 / 85% / 偏移0 | 612×612 | 54→666 | 800 |
| 800×1200 / 85% / 偏移0 | 680×680 | 92→772 | 960 |
| 1000×1000 / 100% / 偏移+10% | 720×720 | 100→820 | 800 |
为什么向下移动10%会盖住文字
垂直偏移按整张画布高度计算。方形画布的10%是100像素,不是剩余空白的10%。在100%缩放时,商品原来占满720像素高的图片区;再下移100,底部到820,就越过标题基线800。
修正顺序是先将偏移恢复0,再降低缩放,最后小幅移动。不要反复缩小画布来修这个问题,那会同时改变图片和文字的空间。若原图本来带有大片背景,缩放的是整个图片矩形,不能据此推断商品主体一定占了同样比例。
先排除位移,再评估主体
商品缩放100%,垂直偏移+10%,标题被商品覆盖。
垂直偏移恢复0,再比较85%缩放的方形与竖版。
以下载文件为准验收整组图片
当前模板按每张输入、每种尺寸生成JPG,并按输入序号和名称分目录;它不会输出透明PNG。设置目标KB可能进一步降低JPG质量,无法达到目标时会提示失败,不代表自动变成了合格素材。
本地绘图使用浏览器画布,可参考MDN的drawImage说明理解原图和绘制区域的区别。模板具体的72%图片区和文字位置来自本站实现,不能套用成所有设计软件的规则。
解压后逐项核对
- 输入图片数×输出尺寸数与JPG数量相符。
- 每张图片的实际像素等于所选尺寸,文件能重新打开。
- 标题、副标题、价格、Logo和商品轮廓互不遮挡。
- 对小字和边缘按实际使用大小检查,而不只看缩略图。
给下一位使用者留一份设置说明
交付时记录原图版本、输出尺寸、缩放、偏移与用途。文字变化后重新导出并复核,不要只替换文件名。需要二维码、不同平台裁切或文案检查时,可按发布素材包验收流程继续整理。
导入、绘图和ZIP打包在浏览器本地进行。可选抠图模型首次需要下载,原始图片和导出结果仍应自己保留。本文的几何计算不代表真实商品抠图边缘已经验收。
常见问题
抠图后为什么商品仍显得很小?
画布保留原图的矩形边界。主体周围即使透明,也可能占据布局空间;先检查原图留白,再决定是否另外裁切。
能否用价格文字区当作图片的额外空间?
需要按最终用途重新设计。当前模板文字位置固定,单纯增大商品或增加偏移可能造成覆盖,不能自动重新排版。
换成竖版后还要逐张检查吗?
需要。宽度和图片区高度的限制会变化,原来安全的缩放或位移不一定适用于另一种比例。
参考资料与延伸阅读
按步骤开始处理
进入对应工具,预览处理结果,检查导出的文件。

