如何压缩 Shopify 商品图？

步骤

1. 看商品图实际渲染有多宽

   若主题约 1200px，为视网膜屏略留余量（常见 1600–2400px），而不是 8K。

2. 先改尺寸，再压缩

   缩小像素比在巨大画布上死压画质更有效。

3. 保持一致的长宽比

   每个 SKU 裁切都不同，列表网格会碎。

4. GIF 单独压，若你用它做角标或演示

   动画横幅很重。用 GIF 压缩，或在主题允许时换成短视频/WebP。

5. 上传后用手机看产品页

   放大主图。若色带或发糊，略提高质量。

真正的目标是主题宽度

若商品图大约渲染 1200px，为视网膜屏略留余量——常见 1600–2400px——而不是 8K。先缩小像素，比在巨大画布上死压画质更有效。长宽比保持一致，列表网格才不会碎。照片用 JPEG 或 WebP，图形用 PNG。Shopify 上传后可以变换图片，但 20 MB 原图仍会拖慢后台、备份和应用。CrossKit 先尺寸调整再压缩，在浏览器里准备文件。

GIF、主视觉和列表缩略图

动画横幅很重；用 GIF 压缩，或在主题允许时换成短视频/WebP。列表缩略图可以比产品页放大图更小——不要把缩略图当唯一母版。上传后用手机看产品页并放大主图。出现色带或发糊，就从原图略提高质量，而不是从压过两次的导出再压。

示例

10 个 SKU，相机原图各 7–12 MB。长边 2000px，JPEG 视觉无损：常见每张 200–800 KB。20 个产品的列表就变成几 MB 图片，而不是 150 MB 原图。 20 个产品各 200–800 KB，列表只有几 MB，而不是 150 MB 相机文件。这就是主题编辑器能用和一直转圈的差别。

常见错误

• 只靠上传后再压的应用

  有用，但你仍为原图支付上传和存储成本。

• 把很小的缩略图塞进商品图库

  Shopify 可能放大它们，观感比尺寸正确的 JPEG 更差。

• 上传已压缩 JPEG 的截屏

  伪影会叠加，色彩也会丢。始终回到原始导出。