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 Image 2.0、Seedream 4.5、Flux 2 等。FreeMake.cc 免註冊可用。