台灣小工具研究室
Product image crop check

商品主圖有白邊或被裁切怎麼辦?上架前先做 5 張圖檢查

商品主圖在電腦資料夾裡看起來正常,上架後卻變成四周白邊很厚、商品被切到、縮圖太小,或手機版看起來歪掉。這通常不是單純圖片壞掉,而是平台縮圖規則、圖片比例、主體位置與背景留白一起造成的結果。

快速判斷: 先挑 5 張代表性圖片做小檔測試:正方形商品、長條商品、透明背景、白底商品、含文字的包裝圖。不要直接整批覆蓋舊圖。

白邊與裁切常見症狀

看到的狀況 常見原因 先查哪裡
主圖四周白邊太厚 商品本體在畫布中太小,或原圖已經含大量留白。 打開原圖看畫布邊界,不只看縮圖。
商品左右被裁掉 平台縮圖裁成正方形,但原圖太寬或主體貼邊。 確認平台是否強制裁切成 1:1。
手機版縮圖看不清楚 文字太小、商品主體比例太低,手機縮小後失去重點。 用手機預覽商品列表,不只看商品頁大圖。
白底商品跟背景融在一起 商品邊界太淡,或缺少陰影與輪廓。 檢查是否需要淡灰背景或輕微陰影。
平台提示圖片比例不符 像素尺寸、長寬比或檔案大小不符合平台限制。 先看平台最新圖片規格,再重輸出一組測試圖。

5 張圖小檔檢查法

  1. 從商品中挑 5 張最容易出問題的主圖,不要只挑漂亮範例。
  2. 記下每張原圖的寬、高、檔案大小與背景類型。
  3. 輸出一組平台建議比例,例如 1:1 或平台指定尺寸。
  4. 每張圖都用手機商品列表預覽一次,確認主體是否清楚。
  5. 成功後才把同一套規格套到整批圖片。

圖片整理表建議

如果你要批次重做主圖,先用一張表記錄每張圖片的狀態。之後平台如果又報錯,才知道是哪一類圖在出問題。

SKU 原圖比例 平台輸出比例 主體位置 處理結果
A001 4:3 1:1 置中,左右留 8% 列表縮圖正常。
A002 16:9 1:1 商品偏左 需重裁,避免左側被切。
A003 1:1 1:1 主體太小 需放大或縮小留白。

不要只看單張大圖

很多圖片問題在商品頁大圖看不出來,但在搜尋結果、分類列表、購物車或手機版縮圖會很明顯。主圖的任務不是展示所有細節,而是讓買家在列表裡一眼看懂商品本體。

修圖前先備份

批次修圖前保留原圖資料夾,另外建立平台輸出資料夾。檔名可以用 SKU 加用途,例如 A001-main-1x1.jpg。這樣日後重上架、換平台或查錯時比較不會混到舊圖。

下一步: 如果主圖調整後仍上架失敗,把 5 筆商品資料與圖片欄貼到 商品資料免費健檢器,先查圖片欄、SKU、價格與欄位風險。需要完整修正清單時,可看 商品資料健檢報告樣本,或填寫 商品資料健檢需求單

本文是商品圖片整理與上架前檢查建議。不同平台對圖片比例、白邊、浮水印、背景與檔案大小限制不同,正式上架前請以平台最新規格為準。

廣告預留區:內容量與審核條件足夠後再啟用。