什麼是PNG轉SVG描圖器?
PNG轉SVG描圖工具可將點陣圖像(PNG、JPG)轉換為可縮放向量圖形。它利用邊緣偵測和路徑描圖技術產生SVG輸出,無論放大到任何尺寸都不會損失畫質。適合商標、圖示和插畫的向量化處理。
內建五種常用預設:Logo/扁平、圖示、插畫、線稿、照片。閾值、平滑度、細節、顏色數、路徑簡化以及一個去雜點濾鏡都做成了滑桿,可以反覆調到路徑數降下來、邊緣又不失真。「反相」開關專門處理深底淺圖,顏色圖層編輯器還能在下載前隱藏掉雜點圖層。一般扁平商標輸出的 SVG 都在 5 KB 以內。
使用方法
- 上傳您想要向量化的PNG或JPG圖像。
- 調整閾值、平滑度和細節參數來控制描圖品質。
- 預覽SVG效果並下載向量檔案。
何時使用
- 把只有低清 PNG 的舊公司 Logo 重新做成向量。
- 為設計系統準備圖示,需要在 16px 和 256px 都清晰顯示。
- 把手繪草圖掃描檔轉成 Figma 或 Illustrator 能編輯的向量路徑。
結果
一位設計師上傳了一個200×200像素的商標PNG圖片。描圖工具偵測到邊緣後產生了帶有平滑貝茲曲線的清晰SVG檔案,即使放在廣告看板上也依然銳利清晰。
常見問題
- 用這個能把照片做成可用的 SVG 嗎?
- 不太行。照片是連續色調,轉成向量後會產生幾千條重疊路徑,體積變大而且看起來斑駁。「照片」預設只適合做風格化的色塊化效果,真正的照片還是用 PNG/JPG。
- 為什麼輸出裡有那麼多碎小路徑?
- 多半是原圖邊緣有雜點或鋸齒。先把「去雜點」拉高,把孤立小塊在描摹前丟掉;再把「簡化」拉高,讓相鄰錨點合併;顏色數減少一些,把細微的漸層層壓平,免得被當成單獨區域描出來。
- 閾值和細節有什麼區別?
- 閾值是把哪些像素當成前景、哪些當成背景的黑白分界線。細節是畫好這條線後,路徑跟得有多緊。閾值高+細節低出來的是乾淨剪影;閾值低+細節高能保留筆觸質感。
- 可以保留原圖的顏色嗎?
- 可以。把顏色滑桿調到 2 以上,工具會把圖像量化成相應數量的色塊,每塊輸出為一條帶填充色的 SVG 路徑。扁平插畫用 2 到 6 色效果最好。
- SVG 一定比原來的 PNG 小嗎?
- 商標和圖示通常會小,50 KB 的 PNG 描出來往往只有 2-5 KB。但複雜插畫的 SVG 可能比 PNG 還大,這時候把細節滑桿往下拉就能減少路徑數。