產品圖片是網購體驗中最接近實物觸感的東西。它們驅動購買決策 — 但同時也是產品頁面最大的速度拖累。圖片通常佔產品頁面總體積的 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% 以上。