Shopify 很宽松:它接受极大的文件和任意宽高比。而这份自由,正是疏于管理的店铺最终落得列表参差、商品页缓慢的原因。
硬性限制
这些是天花板,不是目标。为一张实际显示 800 像素的商品图上传 20 MB、4472 像素的文件,等于让每一次访问都在浪费带宽。
实际该用的尺寸
- 商品图:2048 × 2048 像素方图。这是最佳平衡点——足够支撑 Shopify 的放大功能,方形保证列表对齐,体积也可控。
- 系列/横幅图:宽 1920 像素,按主题的横幅比例裁剪。
- Logo:显示尺寸的 2 倍,主题支持则用 SVG。
- 网站图标:96 × 96 或更大的方图。
影响最大的一条规则是统一:所有商品图用同一个宽高比。竖图横图混用会让网格参差不齐,而 Shopify 主题对它们的加边或裁切方式难以预测。
每个商品放几张图
目标是五到八张:
- 主图——纯白底上的单品,占画面约 85%。
- 其他角度。
- 细节/质感特写。
- 尺寸参照(手持,或与已知物品并置)。
- 场景/使用中的照片。
- 相关的尺码表或包装图。
主图要干净、白底;场景摄影留给副图位,在那里它能发挥作用又不破坏网格一致性。
体积与速度
- 每张商品图压到 300 KB 以内。Shopify 会自动向支持的浏览器提供 WebP 并生成响应式尺寸,但一切都从你上传的那份开始——臃肿的原图依然占存储、拖慢首次转换。
- 不要用 PNG 存照片。PNG 是给透明 logo 和图形用的;PNG 格式的商品照可能比等效 JPEG 重五倍,却看不出任何好处。
- 整场拍摄的成果用同一组参数批量处理,整个商品目录才统一。
Alt 文本与文件名
两者都可被索引,也都有助于无障碍:
- 上传前的文件名:描述性、用连字符,比如 walnut-desk-organizer-front.jpg,而不是 IMG_4821.jpg。
- Alt 文本:像向看不见的人描述商品那样写——"胡桃木桌面收纳盒,三格,正面视角"。不要堆砌关键词;Shopify 把 alt 文本同时用于无障碍和搜索,堆砌的文字在两边都很难看。
最后,把原图归档保存在 Shopify 之外。主题会换、要求的比例会变,而从一张 2048 像素的上传件重新裁剪,远不如从原始拍摄文件重新导出。