跳到主要内容

Shopify 产品图片规范化工具

Shopify 不像电商平台那样因为尺寸直接拒绝——它只是悄悄降采样,并让不一致的宽高比把你的商品集合页弄得参差不齐。2048px 的正方形母图、以及各产品间一致的形状,才是 Shopify 缩放和网格所期望的。这款免费工具会对照 Shopify 的媒体规格读取你的图片,并导出一个干净的正方形。无需上传,无水印。

将商品图片拖到此处,或点击选择

中性背景 · 正方形 · 2048px / 20MB · 100% 浏览器内

    本工具检测内容

    本工具会对照 Shopify 公开的产品媒体要求读取你的图片并显示各项数值——然后在原地完成规范化。全程在你的浏览器中完成:

    • 中性背景。Shopify 推荐各产品使用一致、干净的背景,让集合页看起来统一。支持透明 PNG。
    • 正方形,2048px。正方形产品照片以 2048x2048px 显示效果最佳;Shopify 的缩放在 800x800px 以上才生效。
    • 一致的宽高比。让所有产品图片保持相同形状,集合页和产品页才能整齐排列。
    • 格式与文件大小。导出 JPEG 或 PNG;Shopify 接受最大 20MB、5000x5000px。
    • 置信度。 告知分析结果的可靠程度,让您知道何时需要自行目视检查。

    无需账号、无需上传、无水印。您的图片数据永远不会离开您的设备。

    你的图片绝不离开你的浏览器

    1. 无需上传、无云端 API、无 CDN 往返。所有处理均通过 Canvas 和 Web Worker 在本地完成。
    2. 我们仅在首次使用时加载自有 JavaScript(`listing.js` / `jszip`)。这只是加载代码,不会上传您的图片。
    3. 无 Cookie、无追踪。仅有 CDN 边缘分析(Cloudflare,页面内零脚本)。你可在浏览器的 Network 标签页自行验证。

    本工具不做的事

    基于 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,再把它当母版上传。

    更多值得一试的图片工具

    更多工具