標誌 · 向量檔案
為什麼你的 SVG 路徑多得離譜

你要的是一個向量標誌,拿到了一個 SVG,在編輯器裡打開,發現這個檔案開不快、改不乾淨顏色,錨點比一張城市地圖還多。
問題幾乎從來不在描圖工具,而在你餵給它的東西。我們在 2026年9月21日的同一個專案裡把兩種情況都跑了一遍並做了測量,差距大到足以改變你交代這件事的方式。
圖像描圖工具到底在做什麼
向量化工具並不理解你的標誌。它只是尋找顏色相近的區域,再沿著每一塊畫一條外輪廓。扁平的雙色標記每個形狀只有兩三塊這樣的區域,所以出來的是一小把乾淨的輪廓。而一張照片有成千上萬塊,因為在這個工具看來,每一處漸層、每一道陰影、每一粒底片顆粒都是區域之間的邊界。
同一個工具在一張圖上驚艷、在下一張圖上毫無用處,原因就在這裡。它並不是在判斷品質,它是在數顏色區域,而這個數量,是你在挑圖的時候決定的。
這次測量
同一個示範專案裡的兩張圖,用同一個工具、前後相差幾分鐘做了向量化。然後我們把生成的每個 SVG 取回來,直接數它的 path 元素,而不是靠肉眼估。
扁平的標誌標記——碼頭木樁上放著一只杯子的雙色線稿,純白背景——得到 8 條路徑,5,851 位元組。攝影的方形貼文——港口桌面上的冷萃,色調範圍完整——得到 3,908 條路徑,2,104,374 位元組。
路徑數差 488 倍,檔案大小差 360 倍,而變數只有一個:圖裡畫的是什麼。

這兩個檔案在畫布上是什麼樣
並排放著,差別看不出來,這正是陷阱所在。被描圖的照片看起來就是那張照片。它是一個完全忠實的向量檔案,同時也是一個完全沒用的標誌:你沒辦法改色,沒辦法交給招牌廠商,把它放進文件還會把那份文件拖慢。
被描圖的標誌標記恰好相反。八條路徑意味著八樣你可以選取、改色、挪動的東西。這種檔案印刷廠收下時不會打電話給你。

怎樣交代這張圖,SVG 才會小
凡是讓一張圖顯得豐富的東西,都會讓描圖變得更糟。下面這條提示詞是故意寫得貧瘠的,而這正是重點。
做一個簡單的扁平標誌標記:碼頭木樁上放著一只咖啡杯,極簡的雙色線稿,藏青配奶油白,扁平向量風格,純白背景,不要文字,正方形。真正起作用的五個詞
扁平。不要漸層,不要柔和陰影,不要環境光遮蔽。每一處漸層都會變成一疊層層嵌套的輪廓。
雙色。把顏色說出來。每多一種顏色,就多一組需要勾輪廓的區域,而描圖工具會很樂意造出你從沒要過的中間色。
純色背景。有紋理的背景和攝影背景同樣會被描圖,而且通常是路徑數量最大的單一來源。
不要文字。畫出來的字母只會被描圖成看起來像字母的輪廓。真正的字請之後在編輯器裡排,那裡它還能編輯、還能選取。
線稿。畫有邊緣,算圖有光線。你要的是邊緣。
怎麼檢查檔案,以及智慧代理做不到的一件事
用文字編輯器打開這個 SVG,搜尋 `<path`。那個數量就是你的答案,十秒鐘的事。大約五十條以下,你拿到的是標誌;超過幾百條,你拿到的是一張假裝成標誌的圖片。
我們讓智慧代理替我們數,它做不到。它回答說轉換工具回傳的是一個應用程式內的相對連結,沒有可存取的原始檔,也沒有檔案大小資訊,所以它無法核實路徑數量,並表示如果我們把原始碼貼給它,它可以數。這比編一個數字要正確,但也意味著這一步檢查得你自己來。
如果你手上已經有一個巨大的檔案,又沒辦法重新生成,多數向量編輯器都有簡化或減少節點的指令。有一點用。但它不會把一張被描圖的照片變成標誌,因為問題不在錨點,而在於這個檔案描述的本來就是一張照片。
關於 SVG 的問題
一個標誌應該有多少條路徑?
多數用得上的標記落在五到五十條之間。我們那個扁平雙色標記描圖出來是 8 條。一旦進了幾百條,這個檔案描述的就是明暗,而不是形狀了。
巨大的 SVG 直接簡化一下行不行?
你可以在向量編輯器裡減少節點,檔案確實會變小。但它不會讓一張被描圖的照片變得可編輯,因為那些路徑描述的是色調區域,不是設計的組成部分。
為什麼我的 SVG 比它來源的 PNG 還大?
因為每一塊被描圖的區域都以座標的形式存著。我們那張被描圖的照片是 2.0 MB 的路徑資料,而它描述的那張圖,JPEG 只用其中很小一部分就存下了。
描圖工具的設定到底有沒有影響?
在邊際上有影響。我們這次執行裡,同一個工具、同一套設定,分別得到 8 條路徑和 3,908 條路徑。真正起作用的變數是輸入。
先生成扁平的,再描圖
要一個純色背景上的扁平雙色標記,把它轉成 SVG,然後在發給任何人之前打開檔案數一數路徑。