圖片轉 SVG · 點陣圖描摹成向量
顏色 2–32 · 平滑度 0–10 · 每色一層。本機處理,未登入時圖片不上傳。
把點陣圖描成向量,值得做的只有一類圖:顏色少、邊界乾淨的 logo、圖示、簡單插畫。它們放大到任何尺寸都不糊,能直接進 CSS 和印刷稿。而照片描成向量得到的是一堆色塊,既不小也不好看。
描摹分兩步:先把圖量化到指定顏色數(2 到 32 之間,預設 8),再逐色把連通區域的輪廓追蹤成多邊形,簡化之後組裝成 SVG 路徑。入口要先說清楚:這一頁把圖拖進來只是開啟編輯器,描摹在選單「影像 > 點陣圖向量化…」裡做。每種顏色單獨成一層,所以描完還能單獨改某一色。兩個參數:顏色數 2–32,越多越接近原圖,但路徑數量和檔案大小跟著漲;平滑度 0–10,越高輪廓越順、細節越少。適用範圍也要說清楚:這是顏色量化加輪廓追蹤,不是 AI 向量化,適合 logo、圖示、簡筆畫、色塊少的插畫;照片描摹出來是一堆色塊,看著不像原圖,路徑很多,檔案可能比原圖還大。全部在你自己的瀏覽器裡算;未登入時圖片不上傳,登入後作品會自動存到你自己的雲端作品庫。
主要功能
顏色數 2–32
越多越接近原圖,但路徑數量和檔案大小跟著漲。logo 一般 4–8 色夠用。
平滑度 0–10
越高輪廓越順、細節越少;邊緣毛躁就往上調一點。
每色一層
每種顏色單獨成一層,描完還能單獨改某一色或刪掉某一層。
本機處理
在你的瀏覽器裡處理。未登入時圖片不上傳,只在這臺瀏覽器裡留一份自動草稿(清瀏覽器資料即刪);登入後作品會自動存到你自己的雲端作品庫。
使用步驟
- 1 傳圖片logo、圖示、簡筆畫最合適。把圖片拖進框裡。
- 2 設顏色數圖拖進來會開啟編輯器,再點選單「影像 > 點陣圖向量化…」。顏色數 2 到 32,先從 8 試,顏色塊少的圖可以更低。
- 3 調平滑度在同一個對話框裡調,0 到 10。邊緣毛躁往上調,細節丟了往下調。確定後,描好的向量層疊在原圖上面。
- 4 匯出 SVG描完原圖還在最底層——直接匯出的話,SVG 會把這張點陣圖以 base64 整張寫進去。先把原圖層隱藏或刪掉,再點「檔案 > 匯出為 > SVG…」,得到的才是放大不糊、能在向量軟體裡再編輯的純向量 SVG。
常見問題
- 照片能轉 SVG 嗎?
- 技術上能,但不建議。這是顏色量化加輪廓追蹤,照片描摹出來是一堆色塊,看著不像原圖,檔案往往還比原圖大。SVG 真正適合的是 logo、圖示、簡筆畫這類顏色少、邊界清楚的圖。
- 顏色數選多少合適?
- 範圍是 2 到 32,預設 8。顏色越多越接近原圖,但路徑數量和檔案大小跟著漲。logo 一般 4 到 8 色就夠;漸層多的插畫可以往上調,但別指望還原漸層——量化會把它切成色階。
- 邊緣太毛躁或者細節丟了怎麼辦?
- 調平滑度,範圍 0 到 10。數值越高輪廓越順,代價是細節越少。邊緣鋸齒明顯就往上調一點,發現小元素被抹掉了就往下調,小步試最快。
- 免費嗎?圖片會上傳嗎?
- 免費、不註冊、不限次數。全在你自己的瀏覽器裡算;未登入時圖片不上傳,登入後作品會自動存到你自己的雲端作品庫。
現在就試試圖片轉 SVG · 點陣圖描摹成向量
免安裝 · 不用登入 · 本機不上傳 · AI 每天有免費額度