跳到主要內容

JPG 轉 SVG

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

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

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

測試項目轉換前轉換後變化
平面插畫25.6 KB198.0 KB+672%
介面截圖45.3 KB302.1 KB+568%
類照片330.2 KB7.49 MB+2224%
這些數字告訴你

每一列都變大,照片從 330.2 KB 暴增到 7.49 MB。用 JPG 當來源比用 PNG 更糟:JPG 會在邊緣留下淡淡的壓縮斑點,而描邊器會老實地把每一塊斑點都變成一條路徑。連平面插畫都脹了 672%。真的需要向量圖,就重畫一張。

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

JPG 轉 SVG 是什麼?

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

如何使用

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

適合與不適合的情況

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

描摹 JPG 前,先把圖弄乾淨

JPG 這種格式天生就對描摹不友善:它多半是照片,而且每張都帶著壓縮時留下的細碎雜訊——這些人眼幾乎看不到的斑點,描摹引擎卻會一個個當成形狀去畫,結果就是一堆破碎、雜亂的路徑,檔案又大又難看。想描出漂亮的向量,關鍵在於來源本身要單純:

  • 先裁掉背景,只留下 logo 或線稿主體,別讓描摹引擎去啃複雜的照片。
  • 把對比拉高、色階壓乾淨,讓線條和底色界線分明,雜訊自然被壓掉。

真的是照片,就別勉強描摹——維持 JPG 或 PNG 反而正確。

照片不要用這個 —— 這是我們自己量出來的結論

我們把三個測試檔都跑過,而結果不支持把這個工具用在照片上。插畫是 25.6 KB → 198.0 KB(+672%),已經很貴;截圖 45.2 KB → 302.1 KB(+568%);而照片是 330.2 KB → 7.49 MB(+2224%)。描摹的原理是把顏色相近的區域變成一條路徑,而照片沒有「區域」—— 每個像素都和鄰居略有不同,於是描摹器只能產生數萬條路徑。你付出幾十倍的檔案大小,換到的是一張比原圖更模糊的圖。這個轉換真正的用途是幾何圖形:標誌、圖示、少數幾個純色的插圖。如果你的來源是照片,你要的其實是 縮放 或 壓縮,不是向量化。

常見問題

可以把照片描邊成向量圖嗎?

技術上工具會做,但結果算是警告不是功能:測試照片從 330.2 KB 變成 7.49 MB,大了 2224%。連平面插畫都變大,25.6 KB 變成 198.0 KB。我們描過的每一張 JPG 都變大,因為 JPEG 的壓縮痕跡會多出一堆色塊,而每一塊都變成額外的路徑。標誌與簡單線稿才適合描邊;照片請改用縮圖或壓縮。

我的圖片會被上傳嗎?

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

JPG 轉 SVG 是真的向量嗎?

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

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

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

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

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

延伸閱讀

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

嵌入此工具

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