跳到主要內容

PNG 轉 SVG

把 PNG 圖片描摹成可無限縮放的 SVG 向量圖,全程在瀏覽器本機完成。

我們自己測的:真實檔案大小

設定: 細節「平衡」(預設值)

測試項目轉換前轉換後變化
平面插畫34.7 KB117.0 KB+238%
介面截圖18.0 KB27.3 KB+52%
透明標誌28.8 KB1.7 KB−94%
類照片1.88 MB7.74 MB+312%
這些數字告訴你

描邊只有在「圖本來就由純色塊組成」時才划算:透明標誌從 28.8 KB 變成 1.7 KB,而且從此可以無限放大。其他都往壞的方向跑——插畫 +238%,照片更是變成 7.74 MB 的路徑叢林,是原本 PNG 的四倍。描邊拿來對付標誌和線稿,絕對不要拿來對付照片。

2026-07-28 用 Chromium 151.0.7922.34 把這幾個檔案丟進「這一頁」實際跑出來的結果。每一頁都用同一組公開的測試檔,所以不同轉換器之間的數字可以互相比較。測試方法與原圖下載 →

PNG 轉 SVG 是什麼?

這個工具把 PNG(點陣圖)向量化成 SVG——用數學路徑重畫圖形,可無限縮放不失真。整個描摹過程都在你的瀏覽器本機完成,不上傳。SVG 是向量圖格式,用數學路徑描述圖形,可無限縮放都不失真、檔案通常很小,最適合 logo、圖示與平面插圖。

如何使用

  1. 選擇或拖入你的 PNG 圖片。
  2. 選擇細節等級(越高越接近原圖、檔案越大)。
  3. 按「下載」儲存 SVG 檔。

適合與不適合的情況

適合:logo、圖示、線稿、色塊單純的平面插圖——這些向量化後乾淨又可縮放。不適合:照片或漸層複雜的圖,描摹會產生大量雜亂路徑、檔案反而更大且不好看,那種情況建議維持點陣格式(PNG/WebP)。

PNG 轉 SVG 該用在什麼地方?

把 PNG 的 logo、圖示或簡單插畫描摹成 SVG 向量,最大的好處是可以無限放大都不糊。同一個檔案,做名片印刷、車體貼、店面招牌、大圖輸出或高解析網頁全都能用,再也不必為了每種尺寸各存一張點陣圖,而且乾淨的向量檔通常還很小。

但要認清它的適用範圍:描摹只對色塊單純、邊界清楚的平面圖形有效。如果你丟進去的是一張照片或帶漸層、細節繁多的圖,描出來會變成成千上萬條雜亂路徑,檔案又大、畫面又髒,效果遠不如原本的 PNG。這類圖請維持點陣格式。

一列省 94%、一列漲 312% —— 分界線非常清楚

這是我們量過的轉換裡分界最乾淨的一個。帶透明的標誌 28.8 KB → 1.7 KB(-94%)—— 幾何圖形本來就該用向量描述,換過去省掉的是「把形狀畫成像素」那一整層。而照片 1.88 MB → 7.74 MB(+312%)。中間兩列剛好標出斜坡:插畫 +238%、截圖 +52%。判斷方法:數一下你的圖有幾種顏色。少數幾個純色塊 → 描摹會贏,而且贏很多。有漸層、陰影、照片質感 → 描摹器只能用成千上萬條路徑去逼近,檔案變大、邊緣還會變髒。如果描出來比原圖大,那就是這張圖本來不是向量的材料 —— 這一頁不會替你把它變成向量圖,它只會告訴你不行。

常見問題

為什麼我的照片變成 7.74 MB 的 SVG?

因為描邊會把每一塊顏色變成一條路徑,而一張照片有好幾萬塊。測試照片從 1.88 MB 變成 7.74 MB,大了 312%,而且結果看起來像海報不像照片。描邊是給平面圖用的:透明標誌走的是反方向,從 28.8 KB 變成 1.7 KB,少了 94%,而且放到多大都不會鋸齒。不確定的話,看看你的圖是不是少於十幾種顏色。

我的圖片會被上傳嗎?

不會。描摹全程在你的瀏覽器本機以 JavaScript 完成,圖片不會上傳到任何伺服器。

PNG 轉 SVG 是真的向量嗎?

是。工具會把圖片「描摹(trace)」成向量路徑,不是把點陣圖包進 SVG。最適合 logo、圖示、色塊單純的平面圖;照片類會產生龐大又雜亂的路徑,不建議。

為什麼結果跟原圖不完全一樣?

向量描摹是「近似」——它把相近顏色的像素區塊重畫成形狀,邊緣與細節會被簡化。提高細節等級可以更接近原圖,但檔案也會變大。

轉成 SVG 後可以放大不失真嗎?

可以,這正是向量的優點:SVG 用數學路徑描述,放到任何尺寸都清晰,很適合 logo 與高解析度需求。

延伸閱讀

如何把 PNG 轉成 SVG(以及什麼時候別轉) →

嵌入此工具

把這個工具免費放進你的網站或部落格 —— 複製下面的程式碼貼上即可(內含一條回到本站的連結)。