先看清楚客人實際看到的尺寸
你在電腦上編輯商品圖時是 1000×1000,但客人在手機列表上看到的大約只有 150 到 200 像素寬——大概是一個指甲蓋的大小,而且旁邊還有七八張別人的圖在搶他的注意力。
⭐ 做完圖之後,把它縮到 15% 再看一次。這一個動作可以解決大半的問題。縮小之後看不出是什麼東西、或文字糊成一團,那張圖在列表上就是無效的,不管它放大看多精緻。
一、主體要夠大
最常見的錯誤是主體太小、周圍留白太多。在完整的攝影構圖裡留白很好看,但縮到 150px 之後,留白就只是浪費。
實務原則:商品本身要佔畫面的 70% 以上,上下左右各留一點邊避免被裁切就好。
⚠️ 特別注意各平台的裁切:列表縮圖多半是正方形,如果你的原圖是長方形,兩側會被切掉。把重要的東西放中間。
二、背景要乾淨,而且要跟商品有對比
背景的工作只有一個:讓人一眼看到商品在哪裡。
- 純白背景最安全,也是多數平台建議的主圖規格。
- ⚠️ 但白色商品配白背景會消失。這種時候用很淺的灰(#F2F2F2 這種)或加一點陰影,讓輪廓浮出來。
- 不要用花色桌布、木紋桌面、自家客廳當背景。縮小之後那些紋理會變成雜訊,跟商品混在一起。
三、文字最多六個字,而且要夠粗
很多人想在主圖上寫滿賣點:「正品保證・七天鑑賞・免運・現貨・買一送一」。縮到 150px 之後那一串就是一條灰色的糊線,等於沒寫。
原則:
- 一張圖只講一件事,最多六個字。「現貨當日出」「買一送一」這種。
- 用粗體。細字體一縮就斷掉。
- 文字與底色的對比要強。⛔ 淺灰字配白底、金色字配米色底,在縮圖上完全看不到。
- 文字放在角落的色塊上,不要壓在商品的細節上。
四、一組圖的分工
多數平台可以放好幾張圖,各自有各自的任務,不要每一張都是同一個角度:
- 主圖——乾淨背景、主體最大、最多一句短文字。它唯一的工作是讓人點進來。
- 情境圖——商品被使用的樣子,讓人想像自己用起來的畫面。
- 尺寸/規格圖——標上尺寸或跟常見物品(手掌、A4 紙)比大小。這一張能省掉大量「請問多大」的客服訊息。
- 細節圖——材質、接縫、按鈕、接口。
- 內容物圖——盒子裡有什麼,全部攤開。
五、用手機拍也能拍好,三個關鍵
不需要專業相機,但這三件事要做到:
- 光源——靠窗的散射日光最好,避開直射陽光(會有硬陰影)。⛔ 不要用天花板的黃光日光燈,整張圖會偏色,商品的顏色會跟實物不一樣,而那是退貨的常見原因。
- 背景——一張大的白色西卡紙或珍珠板,彎成 L 型靠牆,就沒有牆角那條線了。
- 不要用數位變焦——人往前站,不要在螢幕上放大,畫質差很多。
⭐ 手機的「人像模式」不要用在商品上:它會把商品邊緣也糊掉。
六、去背要注意的地方
現在一鍵去背的工具很多(Photoshop、Canva、各種線上工具),但自動去背常出兩種問題:
- 邊緣有殘留的背景色——尤其是深色商品配深色背景時,邊緣會留一圈灰。
- 細節被吃掉——頭髮、毛料、透明材質、細線這些自動去背幾乎一定會出錯,要手動補。
去背之後記得加一點陰影。完全沒有陰影的商品會像是浮在半空中,看起來反而不真實。
七、檔案本身
- 尺寸:主圖至少 1000×1000,多數平台建議正方形。
- 格式:照片用 JPG,去背需要透明底用 PNG,自己的網站可以用 WebP(同樣畫質檔案小很多,網頁載入速度會直接影響搜尋排名)。
- 檔案大小:官網上的圖盡量壓在 200KB 以內。一張 5MB 的原圖放上網站,手機用戶會等到放棄。
- 檔名:自己網站的圖用有意義的檔名(
office-2021-box.jpg而不是IMG_4821.jpg),對搜尋有幫助。
一個很值得做的檢查
做完整組圖之後,把它們跟競爭對手的圖放在同一個畫面上看——直接去搜尋同類商品,截一張列表頁的圖,把自己的主圖貼上去比。
如果你的那張在一排裡面「不顯眼」,問題通常就是前面講的三件事之一:主體太小、背景太雜、文字太細。
需要協助?
商品圖這件事的難處不在技術,在於它是重複性的工作——十件商品就是五十張圖,而且每次上新品都要再來一次。
我們有電商商品圖美編的服務(去背、修圖、賣點資訊圖,一次 10 張),也可以幫你把整組圖的版型統一起來,之後你自己套用就好。要先看看能做成什麼樣子再決定的話,直接在左下角的聊聊問客服,諮詢不收費。