← 部落格
5 分鐘閱讀

上架前必跑的商品圖 QA 檢查

上架前的五道商品圖檢查:100% 看邊緣、背景並排比對、陰影、SKU 對版,最後用手機看一次,還有誰負責放行。

  • product photography
  • ecommerce
  • quality control
  • background removal
  • catalogue
  • workflow
  • shadows
  • transparent png
上架前必跑的商品圖 QA 檢查

商品目錄的圖片幾乎不會在有人正在處理它的時候出錯。它們是在上架之後才出錯:包包背帶旁邊一圈淡淡的白邊、十二張圖裡有一張背景比其他十一張暖了兩階、一整排陰影都往右倒卻有一張往左、炭灰色的款式掛在黑色那個刊登底下。

這些都不是藏起來的問題,只是從來沒有任何一個「工作內容就是看」的人真的看過。做去背的人以為上架的人會抓到;上架的人以為上游已經審過了。結果第一個審圖的人變成顧客,或是平台的自動圖片檢查,而那時候要修,代價是把一個已經上線的刊登下架,而不是花兩分鐘。

以下是一套短到真的跑得完的上架前檢查:五個項目、一位指名負責人,在任何東西上線之前對整批圖片跑一次。

放大到 100%,沿著最細的邊緣走一遍

去背不會沿著輪廓平均地失敗。它只會壞在某一個地方——鐵絲提把、背帶和包身之間的縫隙、貼著同色調牆面的一綹頭髮。用符合視窗的比例看,這些通通沒問題。請用實際像素打開檔案,沿著輪廓描一遍,集中看最細、對比最低的那些段落。

戴手套的雙手拿著放大鏡,掃過攤在打光桌面上一張張相同的印刷郵票,把其中一排的細節放大

有兩種瑕疵要緊。白邊是殘留在邊緣上的背景:淡色像素在白底上看不見,一旦圖片落到深色卡片上就刺眼得很。缺口則相反——一塊商品跟著背景一起被削掉了,通常發生在商品和背景幾乎同色調的地方。請對著這張圖實際會被發布在上面的顏色檢查,絕對不要對著透明棋盤格看,它的灰格子會把淡色白邊藏起來。如果你要把透明檔案交給下一手,我們的透明 PNG 指南說明了 Alpha 通道在哪些環節活得下來。

拿整個商品系列的背景互相比對

一次開一張圖來看,正是不一致的背景會被上架的原因:你的眼睛會重新校準到螢幕上當下那一張,所以每個檔案看起來都對。把整批放進同一個資料夾檢視、用縮圖大小看,接近白、暖白和真正的白會立刻分開。

常見的元兇是混用做法:有些商品是拍在無縫弧面背景紙上直接沿用,其餘的是去背之後再放到某個顏色上。除非有一個決定同時涵蓋兩群,否則它們不會一致。在 remover.bg 裡,你可以把原本的背景移除,把商品放到純色或自訂顏色上,然後在整個系列的每一張圖上都用同一個顏色數值,讓一致性來自一個決定,而不是運氣。把那個數值寫在下一個人找得到的地方。如果目的地要求純白,先去看那個平台自己公布的規則——Amazon 商品圖規範就示範了他們可以規定得多細,而且內容會變,請以現行版本為準。

讓陰影彼此一致

兩件事必須一致:到底有沒有陰影,以及陰影往哪個方向。一個網格裡一半商品浮著、一半坐在柔和的接觸陰影上,看起來就像兩份商品目錄被縫在一起;這一排從左邊打光、下一排從右邊打光也是一樣。請把「有沒有」和「方向」當成整個系列的規則,而不是每張圖各自決定。

幾顆紅色和藍色的小骰子在素白桌面上排成一列,每一顆都往同一個方向拖出長長的柔和陰影

也要留意雙重陰影:原始照片裡的陰影在去背之後留了下來,然後又在底下加了一道新的。很容易漏看,但一旦有人指出來就再也無法忽視。我們為照片加上逼真陰影的筆記說明了可信的陰影長什麼樣子。

證明這張圖屬於這個 SKU

這裡最昂貴的失誤,是一張技術上完美無瑕的圖被掛到錯的商品上。最常出事的是款式變體:炭灰被當成黑色發布、小瓶的圖上到大瓶的刊登。

請對照刊登標題和規格表來檢查,而不是憑你對那場拍攝的記憶。讀圖裡的標籤。數鈕扣。確認接頭。整組變體要一次坐下來看完,而不是檔案來一張就審一張——變體只有在彼此相對時才會顯出錯誤。

用手機看一次整個網格

桌機預覽會美化一切。你的受眾有很大一部分是在手機上以一格格小方塊的形式遇到你的商品目錄——先查自己的分析數據看比例,然後就用那個尺寸來評斷這些圖。

從肩後看過去,一個坐著的人手拿智慧型手機,畫面上是服飾店的商品列表,每一件衣服都拍在素淨的淺色背景上

在那個尺寸下,你耗掉大把時間糾結的邊緣細節會消失,活下來的瑕疵就是上面那幾種:色調不一致、商品比例大小差異懸殊——這是要在拍攝當下或在你自己的相片編輯器裡解決的構圖決定——以及方向不同的陰影。用手機打開分類頁,以平常的速度捲動,把任何跳出來刺眼的都撤下來。

放行簽核,以及被退件的圖去哪裡

指定一個人負責上架這道關卡。沒有這一步,檢查表就屬於所有人,因此不屬於任何人。

當一張圖被退回時,把它送回問題的成因,而不是修補那個檔案。如果輪廓失敗是因為商品貼著背景,一次重新輸出只修好一個刊登,下一次拍攝還是會重犯同樣的錯。用一行字記下原因——「退件:背帶邊緣,商品離牆太近,重拍時留出間距」——然後讓這些行去改寫拍攝 brief。如果你是用去背 API 推送一整份大型商品目錄,別忘了自動化會讓輸出很一致,錯誤也一樣一致——每一批都要做抽樣檢查,不要只看第一個檔案。

精簡版

  • 邊緣放大到 100%,對著它實際會被發布的顏色看
  • 背景並排比對
  • 同系列商品的陰影有無與方向完全一致
  • 圖片與 SKU 和款式變體對得上
  • 最後在手機上看一次整個網格

繼續閱讀