Shopify 产品图片规范化工具
Shopify 不像电商平台那样因为尺寸直接拒绝——它只是悄悄降采样,并让不一致的宽高比把你的商品集合页弄得参差不齐。2048px 的正方形母图、以及各产品间一致的形状,才是 Shopify 缩放和网格所期望的。这款免费工具会对照 Shopify 的媒体规格读取你的图片,并导出一个干净的正方形。无需上传,无水印。
将商品图片拖到此处,或点击选择
中性背景 · 正方形 · 2048px / 20MB · 100% 浏览器内
本工具检测内容
本工具会对照 Shopify 公开的产品媒体要求读取你的图片并显示各项数值——然后在原地完成规范化。全程在你的浏览器中完成:
- 中性背景。Shopify 推荐各产品使用一致、干净的背景,让集合页看起来统一。支持透明 PNG。
- 正方形,2048px。正方形产品照片以 2048x2048px 显示效果最佳;Shopify 的缩放在 800x800px 以上才生效。
- 一致的宽高比。让所有产品图片保持相同形状,集合页和产品页才能整齐排列。
- 格式与文件大小。导出 JPEG 或 PNG;Shopify 接受最大 20MB、5000x5000px。
- 置信度。 告知分析结果的可靠程度,让您知道何时需要自行目视检查。
无需账号、无需上传、无水印。您的图片数据永远不会离开您的设备。
你的图片绝不离开你的浏览器
- 无需上传、无云端 API、无 CDN 往返。所有处理均通过 Canvas 和 Web Worker 在本地完成。
- 我们仅在首次使用时加载自有 JavaScript(`listing.js` / `jszip`)。这只是加载代码,不会上传您的图片。
- 无 Cookie、无追踪。仅有 CDN 边缘分析(Cloudflare,页面内零脚本)。你可在浏览器的 Network 标签页自行验证。
本工具不做的事
- 不保证通过 Shopify 的渠道审核。仅检测技术属性。
- 不对非白色背景执行 AI 抠图——仅将已有的白色(或近白色)背景规范化为纯白。
- 不对低分辨率图片进行放大(放大只会让像素变模糊)。
- 不添加或检测文字/Logo 合规性。
- 不对产品做超出白背景规范化、正方形填充和 EXIF 清除之外的改动。
基于 Shopify 公开的产品媒体要求(最后审阅日期 2026-10-25)。请始终在 Shopify 帮助中心确认。
要求一览
Shopify 会从你的母图重新生成尺寸,因此一张高分辨率正方形就能喂饱所有展示位。一致性比任何单一尺寸都更重要。
| 规格 | Shopify 要求 |
|---|---|
| 推荐尺寸 | 2048x2048px(正方形) |
| 缩放阈值 | 高于 800x800px |
| 最大尺寸 | 5000x5000px / 20MB |
| 背景 | 中性;支持透明 PNG |
| 格式 | PNG, JPEG, TIFF, BMP, GIF, SVG, HEIC, WebP |
| 宽高比 | 产品间保持一致 |
| 主题裁切 | image_url 默认 crop: center |
Shopify 不审核你的图,是你的主题在裁
Shopify 没有平台审核这一关,所以没有任何东西会在图片上线前把它拒掉。约束来自别处:主题向 CDN 请求一个指定裁切,合集网格把你的图并排放在一起比,而每个销售渠道——Google、Meta、TikTok——拉的还是同一个文件,各按各的规则处理。你铺货渠道里最严的那一个,才是真正的规格,不是 Shopify。
crop 参数决定哪一块能活下来
Liquid 的 image_url 支持 crop:top、center、bottom、left、right,默认 center。当请求的宽高与原图比例不同时,主题保留这一条带、把其余部分丢掉。主体偏下的商品在方形网格里会丢掉底部;竖长商品的横构图会两头都被切掉。crop: 'region' 配 crop_left、crop_top、crop_width、crop_height,可以让主题取一个精确的框,而不是一条带。
CDN 只会缩小,永远不会放大
image_url 的 width 与 height 上限是 5760px,官方文档写得很明确:图片永远不会被放大到超过原始尺寸。传 800px 的文件、请求 2048px,你拿到的还是 800px。这就是为什么母版比导出更重要——2048×2048 的方形母版能覆盖最大的主题展示位,也给高分屏留了余量。变体是按展示位请求的,所以一次上传能喂整店。
格式转换只有一个方向
format 参数只接受 jpg 和 pjpg,而 Shopify 只能 png→jpg、png→pjpg、jpg→pjpg,不能反向。你不能让 CDN 从一张 JPEG 里给出透明 PNG。quality 取值 10 到 90,不填则由 Shopify 按输出格式自选。pad_color 接受 hex3 或 hex6,用补边代替裁切——当方形格子不能切掉商品时,这是该用的那个选项。
常见问题
为什么 Shopify 用 2048px?
Shopify 推荐正方形产品照片使用 2048x2048px;这样显示效果最佳,还能驱动缩放功能(800x800px 以上生效)。Shopify 会从你的母图自动生成更小的尺寸。
我可以使用透明 PNG 吗?
可以——Shopify 支持产品图片使用透明 PNG,这一点和某些电商平台不同。我们可以保留透明,也可以压平为白色,由你通过模式控件选择。
为什么要保持一致的宽高比?
Shopify 的集合页会并排展示图片;形状不一致看起来参差凌乱。保持一致的正方形(或统一)形状能让网格保持整洁。
有文件大小限制吗?
Shopify 接受最大 20MB、5000x5000px 的图片,但更小、经过网络优化的文件加载更快。我们导出 2048px 正方形,采用高 JPEG 质量。
合集网格里商品为什么被切掉了?
合集格子按自己的宽高比请求图片,主题默认用 crop: 'center' 裁切。如果商品贴近原图边缘,格子就会切掉那一边。要么让主体居中并留余量,要么把 crop 设为 top 或 bottom,让主题取适合这张照片的那条带。
能用 image_url 把小图放大吗?
不能。Shopify 明确说明,无论请求多大,图片都不会被放大到超过原始尺寸。600px 的文件在 2048px 的格子里还是 600px,只是被浏览器放大,看起来会发虚。该修的是母版,不是 URL。
能通过 CDN 把 JPG 转成透明 PNG 吗?
不能。只支持 png→jpg、png→pjpg、jpg→pjpg。原文件里没有的透明区域,CDN 造不出来,所以要在编辑器里导出带 alpha 的 PNG,再把它当母版上传。