Shopify 很宽松:它接受极大的文件和任意宽高比。而这份自由,正是疏于管理的店铺最终落得列表参差、商品页缓慢的原因。

硬性限制

  • 最大尺寸:4472 × 4472 像素(2000 万像素)。
  • 最大文件:20 MB。
  • 格式:JPEG、PNG、WebP、GIF、HEIC

这些是天花板,不是目标。为一张实际显示 800 像素的商品图上传 20 MB、4472 像素的文件,等于让每一次访问都在浪费带宽。

实际该用的尺寸

  • 商品图2048 × 2048 像素方图。这是最佳平衡点——足够支撑 Shopify 的放大功能,方形保证列表对齐,体积也可控。
  • 系列/横幅图:宽 1920 像素,按主题的横幅比例裁剪
  • Logo:显示尺寸的 2 倍,主题支持则用 SVG。
  • 网站图标:96 × 96 或更大的方图。

影响最大的一条规则是统一:所有商品图用同一个宽高比。竖图横图混用会让网格参差不齐,而 Shopify 主题对它们的加边或裁切方式难以预测。

每个商品放几张图

目标是五到八张

  1. 主图——纯白底上的单品,占画面约 85%。
  2. 其他角度。
  3. 细节/质感特写。
  4. 尺寸参照(手持,或与已知物品并置)。
  5. 场景/使用中的照片。
  6. 相关的尺码表或包装图。

主图要干净、白底;场景摄影留给副图位,在那里它能发挥作用又不破坏网格一致性。

体积与速度

  • 每张商品图压到 300 KB 以内。Shopify 会自动向支持的浏览器提供 WebP 并生成响应式尺寸,但一切都从你上传的那份开始——臃肿的原图依然占存储、拖慢首次转换。
  • 不要用 PNG 存照片。PNG 是给透明 logo 和图形用的;PNG 格式的商品照可能比等效 JPEG 重五倍,却看不出任何好处。
  • 整场拍摄的成果用同一组参数批量处理,整个商品目录才统一。

Alt 文本与文件名

两者都可被索引,也都有助于无障碍:

  • 上传前的文件名:描述性、用连字符,比如 walnut-desk-organizer-front.jpg,而不是 IMG_4821.jpg。
  • Alt 文本:像向看不见的人描述商品那样写——"胡桃木桌面收纳盒,三格,正面视角"。不要堆砌关键词;Shopify 把 alt 文本同时用于无障碍和搜索,堆砌的文字在两边都很难看。

最后,把原图归档保存在 Shopify 之外。主题会换、要求的比例会变,而从一张 2048 像素的上传件重新裁剪,远不如从原始拍摄文件重新导出。