如何將 Logo 向量化
7 分鐘 閱讀 · 發表於 2026年8月2日 · 更新於 2026年10月2日
將 Logo 向量化,意思是把一張由像素構成的圖,重畫成由形狀構成的圖——以帶有數學座標的輪廓與填色,取代固定格子的色塊陣列。結果可以放大到任何尺寸而不會模糊,能以任何解析度輸出印刷,之後也還能重新上色或修改造型。
會搜尋這個問題的人,幾乎都是遇上同一種燃眉之急:客戶寄來的 Logo 是從他們自家網站上抓下來的 400 像素 JPG,而印刷廠、招牌廠商或刺繡師傅指定要向量檔。自動向量化能在幾秒內完成大部分工作;最後一哩路——精確的品牌色與可編輯文字——則是編輯器裡幾分鐘的功夫,這篇指南大多數篇幅講的正是這一段。
動手轉換前,先找出最大版本的原始圖檔
來源圖的每一個像素,都是向量化引擎可以運用的資訊,而從網頁上抓下來的 Logo 往往沒幾個像素。轉換之前,先花兩分鐘找找有沒有更大的版本:客戶網站的 favicon 資料夾、舊的 PDF 報價單或簡報(打開它,把 Logo 以 300 dpi 匯出——它搞不好本來就是向量)、可以掃描的印刷文宣,或是資深員工的電子郵件簽名檔。
如果真的只有一張 200 像素的 JPG,那還是拿來轉,但要有事後修圖的心理準備。在那個尺寸下,字母早已沒有清晰的邊緣可找——每個邊界都是兩三個像素寬的漸層——向量化引擎會忠實地把這份模糊重現成微微起伏不平的曲線。
JPG 還比 PNG 多一個麻煩:壓縮失真。高對比邊緣周圍那一圈塊狀光暈,肉眼掃過去看不出來,邊緣偵測卻看得一清二楚,還會把它當成細節描出來。如果你的來源是低品質存檔的 JPG,這圈雜邊就是你跟乾淨結果之間最大的障礙。
先檢查填色數量,再檢查其他一切
雙色 Logo 轉出來就應該只有兩個平塗填色。把結果在 Illustrator、Inkscape、Affinity 或 Figma 裡打開,看看它實際上有幾個不同的形狀。光是這一項檢查,就抓得出幾乎所有值得抓的問題:如果一個單純深藍的文字標誌變成了十一個幾乎一樣的藍色,代表來源圖有壓縮雜訊或柔和的陰影,接下來的所有環節——重新上色、分色、印刷廠的製版——都會變成一場苦戰。
如果填色數量正確、只是色值不對,那屬正常現象,也很好處理。向量化引擎取樣的是圖裡實際存在的顏色,也就是 JPG 壓縮和螢幕截圖色彩描述檔留下來的東西——品牌的 #003C71 會變成 #023E70。逐一把填色選起來,手動設回正確的 HEX 色碼或 Pantone 色號。兩分鐘的事,卻是『符合品牌規範』和『差不多符合』之間的差距。
文字部分用真實字型重打,只向量化圖形符號
描出來的字永遠比不上真正的字型。它們很接近——常常近到印在名片上沒人會發現——但放到看板那種尺寸,真曲線和描出來的近似曲線之間的落差,正是視線第一個停留的地方。直筆會有零點幾毫米的晃動,筆畫端點變鈍,字距也被凍結在來源圖當時的樣子。
所以要先辨認字型,再把文字好好地打出來。WhatTheFont、Font Squirrel 的 Matcherator,以及 Adobe 內建的字型比對,都能從乾淨的局部截圖認出大多數商用字型。接著只向量化圖形符號或字母標記,文字標誌則用可編輯的文字打在旁邊——這也代表日後可以用不同尺寸或字距重排 Logo,什麼都不必重做。
如果那個字型無法辨識、是客製字,或被大幅改過,那就連文字一起描,然後把時間花在最搶眼的兩三個字母上。沒有人會細看小寫的 n;所有人都盯著大寫字母。
輸出是 SVG,以及別人指定其他格式時怎麼辦
你拿到的就是 SVG,而幾乎所有用途要的也正是它。目前所有的設計軟體都吃這個格式,瀏覽器原生就能顯示,切割軟體也接受,而且它是純文字格式,想知道檔案裡到底裝了什麼,隨時可以打開來讀。
你拿不到的是 EPS、PDF、DXF 或 AI。轉換流程裡沒有任何一種這類格式的轉換器,透過 API 索取會直接被拒絕,而不是先收下、之後默默失敗。
這件事只有一種情況下真的要緊:老字號的網版印刷廠或招牌廠,RIP 設備比 SVG 還老,指名要 EPS。用 Illustrator、Inkscape 或 Affinity 打開 SVG,存一份對方要的格式就好——同一組路徑上一個存檔動作就完成,而且這一步你的編輯器做得比任何轉換服務都好。
逐步操作
- 01
找出找得到的最大來源圖
先翻翻舊 PDF、印刷檔和電子郵件簽名檔,再屈就網頁上的 JPG。多一個像素,向量化引擎就多一分可用的資訊。
- 02
上傳檔案
把檔案拖進工作區。PNG、JPEG、WebP 和 BMP 都接受,而且格式是從檔案內容判讀的,不是看副檔名。
- 03
確認設定
格式沒得選——結果就是 SVG。轉換的其他一切,都由引擎根據圖片自動決定。
- 04
轉換並開啟結果
下載 SVG,用 Illustrator、Inkscape、Affinity 或 Figma 開啟。
- 05
修正顏色與文字
把每個填色設回真正的品牌色值,並把描出來的文字標誌換成以辨識出的字型打的可編輯文字。
常見問題
- 轉出來的 Logo 帶著幾十個幾乎相同的顏色
- 來源是帶壓縮失真的 JPG,或者圖上有柔和的投影。找得到 PNG 版就用 PNG 版;找不到就在編輯器裡用「依相似顏色選取」,把相近的色塊合併成一個填色——這做起來比聽起來快得多,而且只需要做一次。
- 邊緣看起來微微起伏或晃動
- 來源圖太小了;向量化引擎忠實地重現了那些從來就不是清晰邊緣的抗鋸齒像素。Lite 以上可以調高平滑化;更低的方案,最快的解法就是換一張更大的來源圖。
- 整個圖後面有一塊白色矩形
- 來源圖被壓平在白色背景上——JPG 一定是這樣,因為 JPEG 不支援透明。背景會變成一個獨立的形狀轉出來;選取後刪掉即可。一開始就用透明 PNG,就完全不會遇到。
- 細線條不見了
- 來源圖裡只有 1 個像素寬的髮絲線,沒有內部區域可以讓引擎填色。轉換前先把來源圖放大,或是在 Lite 以上調高細節,讓更細的元素能在合併步驟中存活。
常見問題
- 可以免費將 Logo 向量化嗎?
- 可以。首頁的預覽完全不需要帳號;免費帳號每月可轉換 10 張圖片,最高 2 百萬像素,不必綁卡。對「只有一個 Logo 要救」這種最常見的情況來說綽綽有餘。
- 向量化後的 Logo 能精確符合品牌色嗎?
- 不會自動符合,任何自動工具都辦不到。向量化引擎取樣的是圖裡實際存在的顏色,而一張經過壓縮和螢幕截圖的 JPG,早就不再保存原始色值。轉換之後手動設回正確的 HEX 色碼或 Pantone 色號——大約兩分鐘,卻是決定成敗的那一步。
- 結果適合大圖輸出嗎?
- 幾何結構與解析度無關,所以任何尺寸都印得出來。但在那個尺寸下好不好看,取決於來源:從 2000 像素 PNG 描出來的 Logo 撐得起車身彩繪,從 200 像素 favicon 描出來的就會露餡。送印之前,先以實際尺寸檢查結果。
- 如果 Logo 有漸層怎麼辦?
- 漸層會被近似成一階一階的平塗色帶,而不是重現成漸層填色。用在 Logo 上通常會覺得不對勁,所以誠實的建議是:在描好的形狀之上,手動重建漸層——只要輪廓是對的,這一步很快。
相關指南
- 如何將圖示向量化 — 把點陣圖示變成輪廓清晰、線條粗細一致的向量圖,從 16px 的 favicon 一路放大到 App 圖磚都不失真。
- 如何為網版印刷與織品向量化圖檔 — 為網版、DTG 和熱轉印準備圖稿:平塗分色,以及油墨住得進去的形狀。
- 如何將 DM 或海報向量化做大圖輸出 — 把平面設計救上 A1 和更大的尺寸而不帶糊邊——並且知道哪些部分不該拿去轉。