Expand Picture
返回博客

Shopify 商品图不裁切改成正方形:完整操作指南

学习如何把 Shopify 商品图不裁切改成正方形,通过 AI 延展背景、保留商品主体,并在上传前完成系统质检。

2026年8月21日Expand Picture 团队Expand Picture 团队

整齐的 Shopify 商品列表通常需要统一的图片比例,但实际收到的素材很少天然一致:供应商可能发来竖版图,摄影师交付的是横版生活方式照片,自己拍摄的商品图四周留白又各不相同。如果直接把这些图片强制裁成正方形,鞋尖、裙摆、包装边缘、家具支脚或真实阴影都可能被切掉,消费者看到的商品信息也会随之减少。

更稳妥的方法,是把 Shopify 商品图不裁切改成正方形。操作重点不是拉伸原图,而是在原图四周增加画布,再利用 AI 扩图延续原来的背景。这样既能得到统一的 1:1 文件,也能保留商品原本的形状和比例。

Shopify 商品图不裁切改成正方形的操作步骤

一套可靠流程包括选择原图、扩展到 1:1、检查生成区域和导出成品四个阶段。顺序很重要:如果一开始就把图片缩小或反复压缩,AI 能参考的真实边缘细节会减少,背景衔接也更容易出现模糊和色差。

  1. 选择质量最高的原始图片。 优先使用摄影师或供应商提供的未裁切 JPG、PNG 或 WebP,不要使用商品页截图,因为截图往往已经经过压缩。
  2. 在 AI 图片扩展工具中打开原图。 如果工具提供图片类型预设,选择“商品照片”,让模型优先保持干净背景、稳定的商品轮廓和合理阴影。
  3. 选择 1:1 图片比例。 竖图会在左右增加空间,横图会在上下增加空间,原始商品应完整保留在更大的正方形画布中。
  4. 生成并放大检查。 不要因为文件已经变成正方形就立即通过。需要仔细查看原图与新增背景的交界处,确认颜色、纹理、透视和光线连续。
  5. 只下载通过检查的版本。 原图应单独保存,方便以后继续制作 4:5、16:9 或其他渠道所需的版本。

在 Expand Picture 中,可以上传原图,选择 1:1 和“商品照片”预设,预览 AI 扩展结果后再导出正方形商品图。

Shopify 商品图不裁切时怎样保留完整商品

商品主体是整张图片中最不能被随意生成的部分。AI 扩图应只生成新增画布,而不是重新设计商品。开始前先观察商品与四周边缘的距离。如果鞋底、椅脚、衣袖、包装盒或配件已经贴住边框,模型就需要猜测画面外原本不存在的细节,难度会明显高于延展一块干净的棚拍背景。

有条件时,应换用商品轮廓四周留有少量空间的原图。如果没有其他素材,可以先做幅度较小的扩展,并重点检查贴边位置。画面看起来“好看”并不等于商品表达准确,颜色、外形、标签位置和实际包含的配件仍要与实物一致。

为什么 Shopify 正方形商品图容易裁掉主体

Shopify 主题可以让商品卡片显示成统一形状,但当原图不是正方形时,页面仍然需要决定怎样把它放进正方形容器。类似 cover 的显示方式会让图片铺满卡片,同时裁掉超出的部分;网格虽然整齐,竖图顶部和底部或横图左右两侧却可能消失。类似 contain 的方式可以显示完整图片,但会产生不一致的空白,让不同商品看起来大小不一。

Shopify 官方说明中也提到,如果希望商品图片在集合中显示为相同大小,它们需要使用相同的图片比例。与其把结果交给主题临时裁切,不如先处理好源文件。当前规则可以查看 Shopify 媒体编辑器文档

AI 背景延展提供了第三种选择:让源文件本身成为正方形,同时不删除原图中的商品。这样,主题拿到的是统一的 1:1 图片,商品边缘仍然完整。

Shopify 正方形商品图上传前质检清单

检查时应查看原尺寸图片,而不是只看商品列表中的小缩略图:

  • 商品轮廓: 鞋带、肩带、电线、袖口、包装边角和阴影没有被切断,也没有凭空新增。
  • 商品占比: 同一系列商品在画布中的大小接近,不会一张很满、另一张显得很小。
  • 视觉居中: 商品的视觉重心稳定,尤其要注意不对称商品不能只按外框机械居中。
  • 背景连续: 颜色和纹理自然延续,没有明显色带、重复图案、接缝或突然变糊的区域。
  • 阴影方向: 新增阴影与原图光源一致,商品不会像悬浮在背景上。
  • 直线稳定: 桌面、货架、包装盒和墙线经过生成边界时不能弯曲或错位。
  • 品牌细节: Logo、标签、序列号和包装文字应留在原图区,不让 AI 重新生成。
  • 背景色温: 白色或中性背景从中心到边缘不能突然变冷或变暖。

只要有一项不通过,就应重新生成或更换原图。不要通过一味缩小商品来掩盖边缘错误,否则消费者也会更难看清商品细节。

怎样让 Shopify 商品图片列表长期保持一致

比例只是统一视觉的第一步。即使所有文件都是正方形,如果每件商品的大小、底部基线和顶部留白不同,列表仍会显得杂乱。处理整个目录前,应先定一条简单规则。例如,鞋类商品在每张正方形图片中占据相近宽度;瓶装商品保持相同的底部基线,并预留相似的顶部空间。

先选择一件有代表性的商品制作测试图,并把它放进真实 Shopify 主题中查看。需要同时检查集合卡片、商品详情图库、手机端布局、图片放大效果,以及会复用该图片的广告或社交平台。测试通过后,再把它作为其他商品的参照。

可重复执行的 Shopify 正方形商品图工作流

建议建立 原图正方形待审核正方形已通过 三个目录。文件名保留 SKU 或商品 handle,例如 sku-1042-front-square.jpg。这样既不会让导出文件覆盖原图,也方便日后定位需要返工的商品。

如果商品数量很多,可以先按视觉类型分组。纯白背景图、带纹理的棚拍图和生活方式照片不应使用完全相同的检查标准。纯色背景通常更容易扩展,但轻微色差也更明显;生活方式背景可以隐藏小接缝,却更容易出现重复道具、错误透视或不合理结构。

Shopify 商品图不裁切改正方形的常见错误

直接拉伸图片。 拉伸会改变商品比例,圆形物体可能变成椭圆,人物模特也会显得不自然。扩大画布与改变原图尺寸不是一回事。

在四周增加纯色边框。 这种方法虽然能得到正方形文件,但突兀的边框会让商品显得更小,也容易破坏列表的一致感。延展原背景通常更自然。

让 AI 生成 Logo 或标签。 生成式工具不能代替真实商品信息,重要文字必须保留在未修改的原图区。

生成一次就直接上传。 AI 结果具有变化性,每张图至少要按原尺寸检查一次。发现线条、阴影或纹理不一致时,应重新生成。

未完成视觉审核就压缩。 应先保留高质量母版,确认画面无误后再导出适合网页加载的版本,兼顾清晰度与店铺速度。

Shopify 正方形商品图不裁切常见问题

Shopify 正方形商品图应该使用什么比例?

使用 1:1,也就是宽度和高度相同。具体像素可以不同,但同一商品目录最好保持一致,并确保尺寸足以满足主题展示和放大查看需求。

AI 扩图会改变原图中的商品吗?

正确的无裁切扩图流程会保留原始图像,只生成四周新增区域。但如果商品本身已经贴住边缘,模型可能需要推测缺失细节,因此仍然必须放大检查交界处。

直接裁成正方形是不是更快?

如果原图本来就有大量空白,裁切确实更快。当裁切会删除商品一部分、造成构图太紧,或者让同一列表中的商品大小失衡时,AI 扩图更合适。

现在制作不裁掉商品的 Shopify 正方形图片

目标不只是得到一个正方形文件,而是制作一张比例统一、同时准确展示商品的目录图片。保留质量最好的原图,只扩展缺少的画布,再按照真实商品照片的标准检查成品。

打开 Expand Picture 编辑器

,选择 1:1 比例和“商品照片”预设,即可在不裁掉原商品的前提下生成正方形版本。