← 部落格
10 分鐘閱讀

圖片去背:完整實戰指南

去背的運作原理、主體背後該放什麼、乾淨去背在哪裡加分,以及白邊、遺失背帶和玻璃為何出錯。

  • background removal
  • transparent png
  • product photography
  • ecommerce
  • tutorial
  • cutout
  • api
  • editor
圖片去背:完整實戰指南

去背以前是可以開帳單收費的工作。有人打開影像編輯軟體、選起鋼筆工具,然後一筆一筆用手把主體描出來。碰上任何複雜一點的圖,一張就要花掉大半個小時,如果畫面裡有頭髮、有一片網布或一只高腳杯,時間還會更長。攝影棚之所以要在無縫白背景前拍,有一部分的原因就是不想讓誰事後還得去描這些邊。

那套流程大致上已經消失了。現代的去背是一個模型:它會看過整張影像,然後針對畫面裡的每一個像素,預測這個像素有多少比例屬於主體。它在幾秒鐘之內就跑完,處理到第四百張的時候也不會變慢或變糙,而且它應付得了以前最吃時間的那些邊緣。真正有趣的工作因此往下游移動了:決定主體背後該放什麼、讓光線維持可信,以及滿足你要上傳的那個平台所規定的像素規則。

這篇指南把整件事集中在一個地方——去背圖是怎麼產生的、背後可以放什麼、乾淨的邊緣在哪裡值回票價、什麼會出錯又為什麼,以及當你不再只修一張照片、開始處理整份商品目錄時會有什麼改變。它寫給需要成品的人:賣家、車商、設計師、求職者、實況主,以及任何在爛房間裡拍了一張好照片的人。下面說的去背和編輯,就是 remover.bg 在網頁版和行動 App 上做的事;這些都不需要你擁有桌面編輯軟體。其餘的——怎麼拍,以及每個平台要求什麼——是你的事。

去背實際上是怎麼運作的

每一張影像都是一格格帶著紅、綠、藍數值的像素所組成的網格。一張去背圖會多加上第四個通道——Alpha——它儲存的是從完全透明到完全不透明的透明度。當你移除背景的時候,你其實並沒有刪掉任何東西。你是在為畫面裡的每一個像素寫下一個 Alpha 值。

最天真的版本是二元的:每個像素不是主體就是背景,要嘛在裡面、要嘛在外面。如果只是拍一個放在桌上的手機殼,這樣就已經夠用了。但只要遇到一個像素真的一半是主體、一半是背景,這個做法就崩潰了:一根髮絲的外緣、針織毛衣線與線之間的縫隙、網球上的絨毛、輕微手震的照片上那一道拖影。那些像素需要的是中間值。生出這些值的過程叫做去背合成(matting),而它正是「看起來自然的去背圖」和「邊緣硬得像餅乾模」之間最大的差別。

哪些邊緣會保持生硬,是可以預測的。頭髮和毛髮是經典案例,因為一顆頭的頭髮同時就是好幾千條邊緣,而在一般拍攝解析度下,大多數髮絲比一個像素還細——如果人像或寵物是你的主要主體,為什麼頭髮能打敗手動遮罩的完整說明很值得一讀。鐵絲網、蕾絲、藤編、薄紗,以及任何有重複開放織紋的東西,都是同一個問題在網格裡的版本。透明和半透明物體自成一類,因為「正確答案」根本就不是一條是或否的邊緣。

車輛玻璃值得特別一提,因為它打破一般邏輯的方式讓人一眼就看得出來。車窗是透明的,所以單純的去背會把背景到處剝掉,唯獨車窗除外——那裡的舊停車場還大剌剌地留在原位。就是這一個細節,讓業餘的車商照片看起來不對勁。remover.bg 會自動處理車輛玻璃:透過車窗看到的場景會被清乾淨,換成逼真的著色玻璃,於是車子讀起來就是一台車,而不是通往別處的一扇窗。深色玻璃是例外——原廠隱私玻璃或貼了厚重隔熱紙的:如果人本來就看不透,它就保持不透明,這才是誠實的結果。

有一個限制適用於每一個模型:它只能用像素裡真正存在的資訊來工作。一隻黑貓拍在一張黑色沙發前面,模型幾乎沒有任何東西可以拿來把兩者分開。主體和背景之間的對比,到今天仍然是最便宜的一項品質升級,而它的代價不過是往旁邊跨一步而已。

主體背後可以放什麼

一張去背圖本身只是半個交付成品。接下來要做的決定,是拿什麼東西來填滿空出來的那塊空間。

透明是中性的選項,也是最能重複使用的。輸出一張帶有效 Alpha 通道的 PNG,同一個檔案就能放到白色網頁、深色投影片或印製的馬克杯上,完全不用多想。電商平台是例外:多數平台要的是壓平的白底版本,不是透明。透明也是最常被不小心弄壞的東西——壓平成 JPG 會無聲地用工具預設的襯底色填滿它,通常是白色、有時是黑色,因為 JPG 根本沒有 Alpha 通道。如果透明度總是在你的編輯器和上傳之間消失,透明 PNG 指南說明了它通常從哪裡漏掉。

純白或純黑是電商平台和商品目錄大多數時候會要的東西。自訂顏色則是品牌想要的,而且它也是讓一組東拼西湊的照片看起來像同一個系列,最快的一個辦法。

照片背景把主體整個搬到別的地方——一個房間、一條街、一片棚拍背景紙。這是最需要靠實力換取真實感的選項。去背圖裡的光線方向和新場景裡的光線方向要大致吻合,鏡頭高度也要合理。

逼真的陰影才是讓這份吻合成立的東西。沒有陰影的去背圖會漂浮;有一道柔和、角度正確的陰影,去背圖就坐在一個表面上。在編輯器裡加上可調整的陰影只要幾秒,對可信度的幫助勝過其他任何單一步驟。

關於檔案格式:WebP 既能當輸入也能當輸出,所以現代手機或 CMS 直出的 WebP 不用先轉檔就能丟進去,出來的也可以是給網頁用的 WebP。WebP 進出的細節涵蓋了編輯器和 API 兩邊。

乾淨的去背圖在哪裡值回票價

技術本身到哪裡都是一樣的。不一樣的地方在於,你這次要滿足的是哪一條規則。

電商平台與商品刊登

幾乎每個大型電商平台都對主圖訂有成文標準,而背景是他們執行得最嚴的部分。Amazon 要純白,還要求特定的畫面填滿比例;完整的 Amazon 主圖規範是多數賣家最先撞上的那一份。eBay、Etsy、Walmart 和 Google 各自量的東西不同,所以一張在某個平台過關的照片,可能在下一個平台被退——跨平台圖片規格速查表把互相衝突的數字並排放好。換掉背景,就是讓一次拍攝服務所有平台的關鍵。

汽車、車輛與零件

車商和交易平台的刊登,成敗在一致性:四十台車在四個不同的場地拍,讀起來就像四個不同的賣家。把車輛裁出來、放到同一個背景上,可以整批解決這件事,而讓汽車去背可信的車窗處理正是手動遮罩幾乎做不好的部分。零件賣家的問題剛好相反——在工作檯上拍的深色油膩金屬——中古汽車零件的刊登照片談的是怎麼把主圖拍乾淨,又不遮掉買家該看到的損傷。

人像、頭貼與證件照

頭貼通常是一張好的臉配上錯的地方。把房間換成素背景就是整個修圖的全部,而在家拍出專業頭貼是十分鐘版的攝影棚,履歷照片規則則說明招募人員對同一張照片的期待。

官方證件是以上所有規則的例外。規定管的不只是照片看起來如何——素色淺背景、打光均勻、頭部後方沒有陰影——還管它是怎麼做出來的:護照主管機關要求未經編輯的照片,會退掉在軟體裡替換或修飾過的背景,包括看起來像被裁切出來的邊緣。你可以用背景替換來看看目標長什麼樣,然後去找一面素牆拍真正要用的那一張。在家拍護照照片說明了各項要求,以及在家拍最常被退件的地方。

設計、印刷與簡報

去背圖是版面的基本單位。沒有背景的 Logo 可以放到客戶丟過來的任何顏色上,把 Logo 的背景去掉是這份工作的簡短版。印刷還多一條規則:透明度必須撐過上傳,解析度也要在實體尺寸下站得住,這正是隨需印刷圖檔準備在談的,適用於 T 恤、馬克杯和海報。

社群、縮圖與貼圖

內容格式偏愛剪影。一張臉從背景裡裁出來、放在純色上,在縮圖尺寸下的辨識度是原始影片畫格永遠做不到的——YouTube 縮圖公式就是建立在這一點上。同一張去背圖裁得更緊,就變成聊天貼圖;把照片做成 WhatsApp 和 Telegram 貼圖包是五分鐘版本,而表情圖和直播圖層是同一件事的縮小版。

日常修圖與手機流程

很多去背根本不是為了什麼平台——就是一張照片、一個更好的版本。換掉任何照片的背景談了兩步驟流程,以及怎麼挑一個看起來不像貼上去的背景。而且因為多數照片從來不會碰到筆電,在手機上去背很值得一讀,看看 iPhone 和 Android 內建工具擅長什麼、又在哪裡走到盡頭。

什麼會出錯,又為什麼

大多數不好的去背圖,失敗的方式都落在少數幾種狀況裡,而每一種背後都有一個你可以著手處理的原因。

  • 主體周圍有白色或帶色的光暈。邊緣像素留下了一些舊背景的顏色。當一個在明亮背景前拍的主體被放到深色背景上時最明顯。在亮度和顏色都更接近主體的背景前拍攝——而不是把深色商品放在過曝的白牆前——那些邊緣像素裡殘留的舊背景就會少很多。
  • 手指、把手、背帶和天線不見了。和背景色調相近的細長結構,是任何模型最先弄丟的東西。把相機角度挪半步,讓背帶落在對比較強的區域前,通常就救得回來。
  • 透過透明物體還看得到舊場景。車窗的部分會自動處理。玻璃瓶、罐子和展示櫃則還是未解的問題,因為「正確答案」取決於你想不想透過玻璃看到那個房間——刻意去拍玻璃和反光商品才是上游的解法。
  • 反光商品把整個房間都收進去。鍍鉻、鏡面和拋光珠寶會複製周圍的一切,包括你和你的手機。沒有任何去背能移除反光;它要嘛在拍攝時解決,要嘛就解決不了。
  • 低解析度影像上柔軟糊掉的邊緣。模型無法憑空發明從來沒被拍下來的細節。從一張小又被大量壓縮的圖做出來的去背圖,邊緣會是軟的,事後再放大也補不回任何東西。請上傳你手上最大的原檔;從通訊 App 傳回來的副本,早就把邊緣需要的細節丟掉了。

比較安靜的失敗模式是修過頭。主圖欄位會退掉加上去的標章、外框和促銷文字——Google 購物的圖片規則明確禁止外框和疊加文字,而為什麼浮水印的代價高過它的保護談的是當你在自己的商品上蓋 Logo 時做的那筆交換。買家也會退掉照片上看起來比盒子裡乾淨的商品。乾淨的背景是可讀性的改善,不是美化商品的許可證。

從一張圖到整份商品目錄

一次性的修圖就是一個人、一個瀏覽器或一支手機,每張花上幾秒鐘。這種做法比大家想像中更能撐得住規模——一家小店的一整組刊登圖,就是一個下午的事,而那個下午大部分的時間都花在拍攝和挑選上,不是花在去背。

會撐不住的是重複:同樣的修圖、同樣的背景、同樣的輸出,用在每一件新進商品目錄的品項上。那件事沒有大量上傳的介面。批次作業要走 HTTP API,它收一張圖、回傳一張去背圖,於是去背這一步就住在腳本或流程裡,而不是某個人要記得做的雜事。用 API 處理整份商品目錄談了常見的整合模式——上傳時處理、當成夜間排程,或接進既有的商品資訊系統——以及讓好幾千張去背圖維持誠實的抽樣品管。

走到這個階段有兩個實務上的提醒。第一,把原檔留著:去背圖只是衍生物,等哪天平台改了規則,你會想要重新再跑一次。第二,抽樣檢查輸出結果,不要整批照單全收——固定抽出一個比例用眼睛看過,就能在整份目錄上線之前,先抓出邊緣品質會掉下來的那一類商品。

重點整理

去背已經不再是這份工作裡困難的那個部分了。剩下來的是判斷力:選透明還是選純色、讓新的背景去配合你手上已經有的光線、加上一道陰影讓東西不會漂浮,以及在上傳之前而不是被退件之後,先去把平台規則讀過一遍。從你最爛的那張照片開始——有頭髮、有鐵絲網,或是背景爛到不能重拍的那張——因為那一張會告訴你,你目錄裡其他照片會長成什麼樣子。

繼續閱讀