客戶傳來一張 logo，底下有一塊白色方塊。
你想把它拿掉。
先別急著丟去線上工具。logo 去背這件事，多數情況根本輪不到你做。
因為你手上那個檔案，本來就應該有一份是透明背景的。
要不要自己去背，取決於設計師交了什麼給你。
Logo 去背是什麼
Logo 去背是把標誌圖檔的背景像素移除，讓標誌能疊在任何底色上。正規做法不是事後把白底擦掉，而是從向量原始檔匯出一份帶透明背景的檔案。
你手上那個檔，本來就該是透明的
白底不是必然，是匯出的時候被選出來的。
從 Illustrator 匯出 PNG 的時候，有一個叫背景顏色的選項。選 Transparent 會保留透明，選 White 會把透明的地方填成白色，這寫在Adobe 的匯出說明裡。
同一個標誌，同一個原始檔，匯出時點錯一個選項，你收到的就是一塊白底。
再往前一層，向量原始檔本身沒有底色這回事。
AI、EPS 與 SVG 描述的是線條與填色，背景是空的，不是白的。
所以你的第一個動作不是去背，是回頭問一句：有沒有透明背景的版本。
多數情況下有，只是當初交檔的時候沒有一起傳給你。
檔案格式與交檔之後常見的狀況，我寫在設計師交檔之後。
為什麼 JPG 一定有底
這不是設計師偷懶，是格式本身做不到。
JPG 沒有 alpha 通道，MDN 的圖片格式指南在格式對照裡把 JPEG 的 alpha 欄位標成不支援。
沒有 alpha 通道，就沒有地方記錄哪一個像素是透明的。
PNG 相反，它是無損壓縮，而且支援完整的 alpha 透明。
所以判斷很快：你拿到的是 JPG，那它一定有底色，不管看起來多白。
要的是 PNG，而且是匯出時就選了透明的那一份。
自己去背會出事的三種情況
一、邊緣毛邊。
標誌邊緣那一圈像素本來就不是全黑或全白。
W3C 的 PNG 規格寫得很直接：alpha 值為零代表全透明，最大值代表全不透明，中間的值代表半透明像素，那些像素是要拿去跟背景合成的。
邊緣那一圈就是半透明像素。
工具一刀切下去，該留的沒留，留下的是鋸齒；切多一點，線條又整條變細。
二、細筆畫被吃掉。
中文字的撇與捺、襯線字的細橫線、標誌裡當分隔用的細線，寬度可能只有一兩個像素。
那種線在自動去背的判斷裡最容易被當成背景。
放在螢幕上看不出來，放到招牌或印刷的尺寸，缺口就出來了。
三、白底 JPG 轉出來的灰邊。
JPG 是有損壓縮。MDN 那份指南也提到，把有損壓縮用在需要銳利邊緣的圖表與文字上，結果通常不理想，文字會變糊。
糊掉的那一圈，是介於標誌顏色與白底之間的灰白像素。
去背只是把純白的部分拿掉，那一圈灰白會留下來，變成標誌外圍的一道髒邊。
三種說的其實是同一件事：你在補救一個已經掉了資訊的檔案，而原始檔那邊根本沒掉。
白底上看不出來，深色底上全部現形
這是最常見的驗收漏洞。
同一個標誌，一頁白底一頁品牌色底。兩個底都乾淨，才算過。
第三個測試是把它放到照片上。白邊放在白底上，本來就是隱形的。
去背完在 Word 或簡報的白底上看，一切正常。
因為白邊放在白底上，本來就是隱形的。
真正的測試只要三步：把去背版放到黑底看一次，放到品牌色底看一次，放到照片上看一次。
三個底都乾淨，才算過。
社群頭像會被圓形裁切，那一關的判斷我寫在Logo 放進社群頭像，會被裁掉什麼。
商品圖經常要換底色，那是去背版最吃重的場合，我寫在電商商品圖。
那些去背工具呢
線上去背站與手機 app 對照片很好用，我不打算跟它們比。
只是標誌跟照片不同：照片沒有原始檔，標誌有。
有原始檔還去背，等於拿放大鏡描一張自己就有底稿的圖。
真的只剩點陣檔可用，那再走工具那條路，格式與解析度該注意什麼看設計師交檔之後那篇。
該跟設計師要哪幾個版本
與其學去背，不如把交檔清單要齊。
同一個標誌本來就有好幾種組合與版本。與其學去背，不如把交檔清單要齊。
| 版本 | 背景 | 什麼時候用 |
|---|---|---|
| 向量原始檔（AI／EPS／SVG） | 沒有底色 | 招牌、印刷、任何要放大的場合 |
| 透明底 PNG，大小兩種解析度 | 透明 | 網站、簡報、社群、要換底色的時候 |
| 單色版，黑與白各一 | 透明 | 燙金、繡標、單色印刷、深色底 |
| 方形版 | 透明 | 社群頭像、平台縮圖 |
| JPG | 白底 | 只拿來預覽或傳給人看 |
前四項都是透明的，這張表最重要的資訊就是這件事。
六個場合各要多大、最小尺寸怎麼抓，我寫在Logo 尺寸怎麼給。
去背解決不了的那一半：反白版
有人以為拿到透明底就萬事俱備，放到深色底才發現看不清楚。
深色底那一頁不是把顏色倒過來，是另外做的一份。要的是單色版黑與白各一份。
透明只是把背景拿掉，標誌本身的顏色沒有變。
深色底配上深色標誌，該有的對比還是沒有。
反白版不是把顏色倒過來就好。
線條要不要加粗、細節要不要簡化、原本靠深淺區分的兩個元素要怎麼分開，那些都要重新判斷過。
所以要的是單色版黑與白各一份，不是只有一份透明底 PNG。
產生器或 AI 生成的檔案，要多看一眼
這類檔案最常見的問題就是只給你一張 PNG，而且是白底的。
沒有原始檔，你就真的只能去背，而且去完還是沒有向量檔可以放大。
下載之前先確認三件事：有沒有向量檔、有沒有單色版、有沒有透明背景的 PNG。
三個都沒有的話，那個檔案只能在螢幕上活著。
完整的判斷我寫在Logo 產生器能用到什麼程度。
交檔的時候，把這三句問出來
第一句：有沒有透明背景的 PNG，大小兩種解析度。
第二句：有沒有單色版，黑與白各一份。
第三句：向量原始檔放在哪，我要自己留一份。
我自己交檔的時候會提醒一件事：檔案要完整交給後續的合作對象，印刷、招牌、廣告、行銷都一樣，而且拿到之後請自己下載留存備份。
雲端連結不會永遠在，你的檔案要在你手上。
常見問題
logo 去背要用什麼工具
先不要問工具。標誌跟照片不一樣，標誌有向量原始檔，正規做法是請設計師從原始檔匯出一份透明背景的 PNG，那份的邊緣是乾淨的。真的只剩一張點陣圖可用的時候，才輪到去背工具。
為什麼去背之後邊緣有一圈白
因為標誌邊緣本來就是半透明像素，那些像素是要跟背景合成的。原本的檔案如果是壓在白底上，那一圈就已經跟白色混在一起了，去背只能拿掉純白的區域，混色的那一圈會留下來。
JPG 可以去背嗎
JPG 沒有 alpha 通道，所以它存不了透明，去背之後也一定要另存成 PNG 之類支援透明的格式。而且 JPG 是有損壓縮，邊緣本來就被壓糊過，去背的結果會比從原始檔匯出差一截。
該跟設計師要哪些版本才不用自己去背
向量原始檔、透明底 PNG 兩種解析度、單色版黑與白各一、方形版。前面幾項都是透明的，拿齊了日常就不會再有去背的需求，JPG 只留著預覽用。
現在就可以做的三件事
第一，翻出當初的交檔連結或信件，看看裡面有沒有透明底的 PNG。
第二，把你正在用的那個標誌檔放到黑底上看一次，白邊與鋸齒會自己現形。
第三，缺的版本一次列成一張清單再去問設計師，不要今天要一個明天要一個。
問你一件事：你現在放在社群頭像上的那張標誌，是設計師匯出的透明底，還是誰用工具去背過的？
分不出來的話，把它放到深色底上看一眼就知道了。看完覺得怪怪的，跟我說一聲。
資料來源：MDN Web Docs 圖片格式指南（JPEG 不支援 alpha 通道、PNG 無損且支援完整 alpha 透明、有損壓縮不適合銳利邊緣）。W3C PNG 第三版規格（alpha 值零為全透明、最大值為全不透明、中間值為半透明像素）。Adobe Illustrator 匯出說明（PNG 匯出的背景顏色選項）。W3C SVG 2 規格。
本文不含陳式設計的收費標準，也不含任何客戶的名稱與案件金額。