Shopify 图片尺寸速查
| 图片类型 | 最低要求 | 推荐尺寸 | 宽高比 | 格式 |
|---|---|---|---|---|
| 商品图 | 800 × 800px | 2048 × 2048px | 1:1 | JPEG、PNG、WebP |
| 集合横幅 | 1200 × 400px | 1200 × 400px | 3:1 | JPEG、PNG |
| 幻灯片主图 | 1200 × 600px | 1920 × 900px | 约 2.13:1 | JPEG、PNG |
| 博客特色图 | 1200 × 630px | 1200 × 630px | 约 1.91:1 | JPEG、PNG |
店铺常见场景：一次搞对 Shopify 图片
供应商小图在手机上看发糊
工厂给了 600×600 JPEG，后台能传，但在 Retina 屏的产品页和缩略图里明显不够清晰。
- 先看像素宽度——低于 800px 尽量重拍，不得已再考虑放大。
- 裁成干净的 1:1 产品构图，导出 2048×2048 JPEG。
- 轻度压缩，尽量控制在合理体积。
- 在商品后台替换媒体，用手机预览效果。
集合页网格高低不齐
竖图和方图混传，在 Dawn 等主题里拉伸方式不同，容易出现黑边或裁切异常。
- 目录缩略图（1:1）和营销横幅（3:1 或主题规格）分开准备。
- 上传前批量裁成方形产品图。
- 集合 banner 位只用 1200×400（或主题文档写的尺寸）。
- 刷新集合页，检查平板断点显示。
上新后主题速度分变差
棚拍直出的 2048×2048 每张 3–5 MB，尺寸对了 Lighthouse 仍会报 LCP 偏慢。
- 保留 2048 边长，不要为速度单独缩小尺寸。
- 对主力 SKU 的 JPEG 做本地压缩。
- 用 PageSpeed 或 Shopify 速度报告测一个商品 URL。
- 把同一套导出预设应用到整批目录。
Shopify 图片常见错误
上传供应商小图
低于 800px 在 Retina 屏上发糊。先放大或重拍，再改到 2048×2048 获得清晰商品页。
集合内宽高比不一致
混合比例会破坏网格布局。目录缩略图裁成 1:1，横幅单独用于主图位。
文件过大拖慢主题
2048px JPEG 仍可能数 MB。改尺寸后压缩，保持 Core Web Vitals 健康。
目录图背景杂乱
干净抠图转化更好。发布前用白底或去背景工具处理。
一张母图硬套所有位置
把 2048 方图拉成 banner 或博客头图会让文字发糊。按上方尺寸表为每个位置单独导出。
Shopify 图片常见问题
- Shopify 商品图最佳尺寸是多少？
- Shopify 建议商品媒体最高 2048×2048px 正方形。
- Shopify 支持 WebP 吗？
- 许多主题支持商品媒体 WebP。JPEG 仍是跨主题最稳妥的格式。
- 商品页加载慢怎么修？
- 改到所需尺寸、压缩 JPEG，避免上传 5MB+ 原图。
- 集合 banner 应该多大？
- 多数主题 1200×400px 较稳妥。请对照主题文档——部分 slideshow 更适合 1920×900px。
- 产品图用方形还是竖图？
- 默认商品库用 1:1 方图，集合网格才整齐。竖图只放在明确支持竖版的模块里。
- 图片太大会影响 Shopify SEO 吗？
- Google 看页面速度。尺寸正确再加合理体积，比堆更高像素更有助于 Core Web Vitals。
导出 Shopify 可用图片
在浏览器本地使用 FreeMake.cc — 文件不出本机。
相关阅读
- Amazon 图片尺寸指南 2026
Amazon 图片规格一网打尽 — 配合免费浏览器工具，上传前改尺寸、检测与压缩。
- HEIC 转 JPG 指南 — 修复打不开的 iPhone 照片
HEIC 在 iPhone 上省空间，但在 Windows、Android 预览和大多数电商上传时会失败。本地转为 JPG — 无需上传，最多批量 10 张。
- 2026 年 10 款最佳免费 AI 生图工具（排名与对比）
客观对比 2026 年最佳免费 AI 生图工具：GPT Image 2、Gemini 3、Qwen、Seedream、Flux 2。FreeMake.cc 免注册可用。