GIF 去背教學:移除單色背景並保留透明動畫

GIF 去背先判斷背景能否用顏色分離。本文以自製三幀動畫示範 Ezgif 白底透明設定、下載與播放檢查,說明主體同色誤刪、殘影和白邊的處理方式,並整理 Unscreen 轉向 Canva 後需要確認的影片去背與透明匯出條件。

用 AI 摘要這篇文章:

GIF 去背能不能做好,先看背景與主體是否容易分開。白底圖示、單色背景動畫,可以用 Ezgif 把指定顏色轉成透明;街景裡的人物、髮絲或背景與衣服同色的片段,則需要能辨識主體或手動調整遮罩的工具。把某種顏色刪掉,並不等於工具知道哪裡是背景。

如果你是來找 Unscreen,Unscreen 原網址目前已轉向 Canva 的影片去背頁,舊版 Upload Clip 與免費 GIF 下載教學不再適用。下面改用可重現的單色 GIF 範例,示範怎麼去背、保留動畫,以及判斷哪些素材不適合這種方法。

先看素材:單色 GIF、複雜影片該怎麼選?

  • 背景是單一顏色,主體沒有同色細節:先試 Ezgif 的 Remove Background,將白色、黑色或自訂色設為透明。
  • 背景很複雜,或主體與背景同色:改用主體分割或逐幀遮罩。繼續拉高顏色容差,可能只會刪掉更多主體。
  • 只想替影片換背景:可以考慮在剪輯工具內去背,再合成新背景輸出影片;不一定需要透明 GIF。
  • 需要柔和透明邊緣:先確認使用平台是否支援 APNG 或動態 WebP。GIF 本身不支援半透明像素。

用 Ezgif 把 GIF 白色背景變透明

這次使用自製的 160 × 120 GIF:共三幀,每幀 200 毫秒,藍色圖形向右移動。圖形裡特別保留一個白色圓點,用來檢查工具會不會連主體中的白色一起移除。這是簡單色塊測試,不能代表人物或髮絲的去背效果。

白底 GIF 中的藍色圖形向右移動,內有白色圓點與橘色標記
去背前:白色背景與主體中的白色圓點使用同一種顏色。

1. 上傳原始 GIF

開啟 Ezgif Remove Background,選取 GIF 後按 Upload。進入編輯頁,先核對預覽下方的尺寸、frames 與 length,確認上傳的是完整動畫。

2. 選擇要透明的背景色

在「Replace the background color with transparency」區塊勾選 white。黑底素材選 black,其他單色背景可以用 custom (HEX) 輸入色碼。請勿把下面的「change background color」當成去背設定;那個區塊是換成另一種顏色。

純白背景可以先把 Fuzz 設成 0,保留「don’t stack frames」,暫時取消「clean up edges」。這也是本次範例的設定:先確認哪些顏色被移除,再決定是否需要清理邊緣。

Ezgif 勾選 white、Fuzz 設為 0,保留不堆疊幀並取消邊緣清理Pin
本次操作設定:white、Fuzz 0、保留 don’t stack frames,取消 clean up edges。

3. 預覽後按 Save,下載實際檔案

按 Submit,等下方 Output image 顯示處理完成的動畫。確認主體還在移動,再按輸出區的 Save。不要只存編輯頁截圖,也不要把暫存圖片網址當成自己的長期圖片網址。

本次下載的結果仍是 160 × 120、三幀,每幀 200 毫秒。白色背景變透明,藍色圖形與橘色標記保留;但圖形內的白色圓點也變透明了。這不是主體辨識失敗,而是「所有指定白色都透明」的直接結果。

藍色圖形繼續移動,原本的白底和圖形內白色圓點皆變透明
去背後:動畫保留,但主體內的白色圓點也被挖空。可放到不同底色檢查。

4. 放到深色與淺色背景檢查

把下載的 GIF 放入實際要使用的網頁、簡報或編輯器,分別換成深色與淺色底。檢查白邊、主體破洞與前一幀留下的殘影,也確認動畫沒有變成靜態圖片。看見編輯器的棋盤格只是預覽提示,仍要檢查下載檔與目標平台的呈現。

背景沒清乾淨、主體破洞或動畫殘影怎麼辦?

背景有灰白雜點:逐步調高 Fuzz

Fuzz 是顏色容差。數值提高,接近指定背景色的像素也會被移除,適合處理接近白色的雜點或色差。每次小幅調整後,檢查主體邊緣與同色細節;如果衣服、眼白或文字也消失,就不適合再靠放大容差解決。

主體有破洞:回到原檔,換用遮罩

像範例中的白色圓點,與白底使用同一種顏色,Fuzz 設為 0 仍會一起消失。這份結果無法自動分辨哪些透明區原本屬於主體。請保留原檔,改用能指定保留區域的工具;若逐幀修圖,則要把每幀重組為動畫並檢查播放時間。

移動物件留下殘影:檢查 don’t stack frames

Ezgif 說明指出,最佳化 GIF 的幀處理方式可能造成殘影。「don’t stack frames」讓下一幀顯示前移除上一幀,可用來處理這類問題。若結果仍破損或閃爍,可先依頁面的 unoptimize 連結還原完整幀,再重新去背;每次都要檢查完整播放,不能只看第一幀。

細線變細或消失:降低邊緣清理

「clean up edges」會從透明邊界往內清除像素,可能同時吃掉細線與小字。先取消這個選項,比較原始邊緣,再決定要不要啟用。上述設定的用途與限制,也可核對 Ezgif 透明 GIF 說明。

複雜人物影片去背:Canva 流程要分開看

Canva 官方影片去背頁目前將 Video Background Remover 列為 Canva Pro 功能。官方流程是上傳影片、選取影片、使用 Background Remover,接著加入新背景或其他元素,最後下載 MP4。本節依官方說明整理,沒有進行 Canva 帳號內操作或效果測試。

這種流程適合「移除原背景後,合成另一個背景再交付影片」的需求。若你要的是能疊到其他畫面上的透明 GIF,請另外確認目前帳號、設計類型及下載選單是否支援所需透明格式。能在編輯器去背,不代表每一種下載格式都會保留透明。不要只因為 Unscreen 轉址到 Canva,就假設原本的免費 GIF 匯出條件也跟著保留。

如果最後只需要一般動圖,可以接著看 MP4 轉 GIF 的操作與檔案大小考量;轉成 GIF 與去除背景是兩件不同的事。原素材是 MOV、需要先處理影片格式時,可參考 MOV 轉 MP4 的重新封裝與轉碼差異。

透明 GIF 常見問題

GIF 去背後為什麼有白邊?

GIF 的像素只能完全透明或完全不透明,不能保留柔和的半透明邊緣。原圖邊緣若已混入白底顏色,放到深色背景時就可能看見白邊。依素材調整容差或邊緣清理可能有幫助,但也可能刪掉細節;若要保留柔邊,考慮支援半透明的格式,並先確認目標平台能使用。

透明 GIF 下載後變成白底,是去背失敗嗎?

不一定。有些檢視器用白底顯示透明區域。先換到可以更改背景的編輯器,把背景設成深色;如果仍出現固定的白色矩形,再檢查下載的是否為處理後檔案、匯出時是否把白底合併,以及平台是否重新轉檔。

Unscreen 原本的 Upload Clip 還能用嗎?

目前原網址已轉向 Canva,本文不再提供舊 Unscreen 上傳步驟。單色 GIF 可依上面的 Ezgif 流程處理;複雜影片則先確認去背工具與輸出格式。原服務的帳號、歷史檔案或付費處理,應以原服務通知與客服回覆為準,不能從轉址頁推斷。

可以先轉成 GIF,再做人物影片去背嗎?

若需要保留髮絲等邊緣細節,應優先從原始影片處理主體與背景,最後再依交付用途選格式。先轉成 GIF 會受到 GIF 色彩與透明表現的限制;如果交付平台一定要求 GIF,就用實際輸出檔在該平台檢查,接受它能呈現的邊緣效果。

Sliven 褚崇名
Sliven 褚崇名

每日分享科技新知、免費資源以及 WordPress、虛擬主機相關主題,任何問題歡迎在科技月球下方留言,或是發送 Email 至 [email protected] 與我聯繫。

文章: 1834

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *


Share to...