产品图片是网购体验中最接近实物触感的东西。它们驱动购买决策 — 但同时也是产品页面最大的速度拖累。图片通常占产品页面总体积的 50–70%。太大，页面加载慢，跳出率上升，Google 购物排名下降；太小，顾客看不到所需细节，无法放心下单。
移动端购物者现已占电商流量的 70% 以上。移动网络 — 即使是 4G/5G — 也比宽带更不稳定。一个有 20 张未压缩产品图（每张 3–5 MB）的产品页，意味着顾客需要等待 60–100 MB 加载完毕才能购物。
除加载速度外，图片优化直接影响 Google Core Web Vitals，尤其是 LCP（最大内容绘制）— 衡量主产品图何时可见。LCP 是自然搜索和 Google 购物广告排名的重要指标。
| 推荐尺寸 | 2048×2048 px（正方形，1:1） |
| 最大文件大小 | 每张 20 MB |
| 支持格式 | JPEG、PNG、GIF、WebP |
| 推荐格式 | WebP（自动转换）或 JPEG 80% |
| 启用缩放的最小尺寸 | 最长边 1000 px |
| 推荐尺寸 | 2000×2000 px（正方形） |
| 最大文件大小 | 10 MB |
| 背景要求 | 纯白底（RGB 255,255,255），主图必须 |
| 支持格式 | JPEG、PNG、TIFF、GIF |
| 推荐尺寸 | 最短边 2000 px |
| 支持的长宽比 | 5:4 在商品列表中效果最好 |
| 最大文件大小 | 每张 1 MB |
| 支持格式 | JPEG、PNG、GIF、WebP |
| 推荐尺寸 | 800–2000 px（取决于主题） |
| 无硬性文件大小限制 | 由主机服务器设置（通常 2–8 MB） |
| 支持格式 | JPEG、PNG、WebP、GIF |
| 图片类型 | 最佳格式 | 原因 |
|---|---|---|
| 产品照片（白底） | JPEG 80–85% | 体积最小，通用兼容 |
| 带透明背景的产品 | PNG 或 WebP | Alpha 通道支持抠图 |
| 生活方式/场景照片 | JPEG 或 WebP | 色彩还原好；WebP 小 30% |
| 信息图/文字叠加 | PNG 或 WebP | 文字边缘清晰；避免 JPEG 失真 |
| 动态演示 | WebP 或视频 | 比 GIF 小得多；长片段用视频 |
如果你在为新产品或新系列准备 10–50 张产品照片，这套流程能保证高质量和小体积：
即使图片压缩得很好，如果浏览器一次性加载所有图片，页面仍然会很慢。为所有折叠线以下的产品图添加 loading="lazy" — 这告诉浏览器在用户滚动到附近时才加载。大多数现代电商平台默认开启此功能，但请确认你的主题没有将其禁用。
对于无透明背景的产品图，80–85% 质量的 JPEG 是最安全的默认选择。WebP 在页面速度方面更优（相同质量下小 30%），且 Shopify 完全支持。只有带透明背景的图片（如 Logo 或产品抠图）才使用 PNG。
Amazon 要求最长边至少 1000 px 才能启用缩放功能。正方形图片（1:1 比例）的推荐尺寸是 2000×2000 px。文件大小保持在 10 MB 以内。2000 px 下以 85% 质量压缩的 JPEG 通常是 500 KB–1.5 MB，远低于限制。
Google 研究发现，移动端页面加载时间每慢 1 秒，转化率可能下降高达 20%。图片通常占页面体积的 50–60%。将产品图从 500 KB 压缩至 100 KB 可显著改善移动端加载时间，而移动端占电商流量的 70% 以上。