# Image to SVG

> 免費在瀏覽器裡把 PNG、JPG、WebP 的 Logo、插畫或線稿轉成 SVG 向量檔，給印刷廠、刻字機或網頁用。四種預設、可調顏色數、改完調色盤直接下載。圖片不上傳，不用帳號。

- URL: https://bytescope.dev/zh-Hant/image-to-svg/
- Locale: zh-Hant · Also: [en](https://bytescope.dev/en/image-to-svg.md) · [ja](https://bytescope.dev/ja/image-to-svg.md)
- Runs: 檔案不會離開你的瀏覽器 — 全部在本機處理。
- Requires: Any modern browser (Chrome, Edge, Firefox, Safari), desktop and mobile.
- Updated: 2026-09-08

## What it does

自動描圖做的事，是把一格一格的像素變成有填色的形狀：先把顏色相近的像素歸成一群，沿著每一群的外緣走一圈，再把輪廓寫成曲線。所以圖片色塊越清楚效果越好——Logo、平塗插畫、線稿、掃描的印章都很適合；不是這種圖，結果就會差很多。這一頁把開源的 VTracer 引擎（MIT 或 Apache-2.0 授權）編成 WebAssembly 直接在你的分頁裡跑，圖片不會送去任何地方，是一個免費、不上傳的向量化工具。選四種預設之一——Logo、插畫、黑白線稿、像素藝術——SVG 就會出現在原圖旁邊，拖一下滑桿就能兩邊對照。

### 先調參數，再修顏色

「進階」裡可以設定顏色數（或維持自動）、多大的雜點要被去掉、轉角門檻，以及輪廓要用曲線還是直邊多邊形。小圖在你改完設定 300 ms 後會自己重算；超過 100 萬像素的圖會等你再按一次「重新轉換」，因為大圖一次要跑好幾秒，你可能想一次改兩個設定。轉換期間隨時都有「取消」可以按。結果差不多了，顏色清單裡點一個色塊就能改色或刪掉：刪掉的顏色，它的形狀會併進最接近的剩餘顏色，大多數 Logo 重製就是這樣收尾的。調色盤的修改只存在這一頁，重新轉換會從全新的描圖結果開始，改過的會被清掉。

### 哪些圖適合、哪些不適合

描圖適合色塊清楚的圖。照片轉出來會像海報，而且檔案很大，因為每一層細微的色階都得各自變成一個形狀。漸層會變成一階一階的色帶；文字會被描成外框而不是能編輯的文字，小字可能糊成一團。速度也是同一條線：色塊清楚、約 200 萬像素的圖在桌機上大約 7 秒，照片或有雜訊的掃描圖會慢上好幾倍。頁面會顯示結果的路徑數、節點數和檔案大小，超過 2 MB 或 20,000 個節點時會建議減少顏色數。我們不宣稱每一張圖都能做到付費描圖服務的水準——重要的 Logo，請在 4× 檢視下跟原圖比過再拿去用。

### 什麼都不會上傳

圖片由你的瀏覽器解碼、在 Web Worker 裡描圖，你下載的 SVG 跟預覽用的是同一段文字。轉換引擎本身約 0.3 MB，抓一次就快取起來，之後整個過程網路都是閒著的。描成向量的 Logo 還是同一個 Logo，要商用之前先確認商標權。背景礙事的話可以先去背；也可以先用 AI 圖片放大把圖放大；做好的 SVG 要轉回任意大小的 PNG，用 SVG 轉 PNG 那一頁。

## Limits

Does not turn photos into faithful vectors (they come out poster-like), does not keep text editable, and does not upload images.

## FAQ

### 哪些圖轉得好？

色塊清楚的圖：Logo、平塗插畫、圖示、線稿、印章、像素藝術。邊緣越銳利、色階越少，結果越乾淨，拿去 Cricut 這類刻字機或雷射切割也最順。照片和柔和的漸層也能轉，只是會像海報，檔案也會很大。

### 我的照片為什麼變得像海報？

SVG 是由一塊塊填色的形狀組成，而照片有成千上萬個只差一點點的色階。為了讓檔案還能用，描圖引擎會把相近的色階併成同一個平面色，平滑的過渡就變成一階一階。顏色數調低，海報感更重、檔案更小；調高則相反，代價是路徑數暴增。

### 圖片會上傳嗎？

不會。圖片由你的瀏覽器讀取，交給在這個分頁的 Web Worker 裡跑的 WebAssembly 模組描圖，SVG 也是在那裡組出來的。這個工具唯一的網路請求是轉換引擎檔，約 0.3 MB，第一次之後就會快取。

### 透明背景會保留嗎？

會。大部分透明的像素不會進 SVG，形狀放在什麼底上就是什麼底。不過 PNG 如果有柔和的半透明邊緣，那條邊只會被判成實心或空白，描圖不會重現半透明。

### Logo 裡的文字還能編輯嗎？

不能。描圖看到的是形狀，不是字母，所以文字會變成外框。大字通常描得很乾淨；小字或細字可能糊掉或填滿。需要可編輯的文字，請在設計軟體裡重新打字，描圖結果只拿來用圖案的部分。

### 小數位數和檔案過大的警告是什麼意思？

路徑座標最多保留小數點後三位。預設兩位就很夠；零位檔案最小，大形狀看不出差別，但小細節可能被四捨五入掉。SVG 超過 20,000 個節點或 2 MB 時會出現警告，通常把顏色數調低或把去雜點調高就能解決。

### 轉一張要多久？

色塊清楚、約 200 萬像素的圖在桌機上大約 7 秒；照片或有雜訊的掃描圖會慢非常多。100 萬像素以內的圖改設定會自動重跑，更大的圖會等你再按一次「重新轉換」。隨時都可以取消。

### 描好的 Logo 可以商用嗎？

把 Logo 轉成向量不會改變它屬於誰。如果那是註冊商標或別人的作品，商用前還是要取得授權。

## Related tools

- [Remove Background](https://bytescope.dev/zh-Hant/remove-background.md) — 先把主體摳出來，描圖就不用跟著背景走。
- [AI Image Upscaler](https://bytescope.dev/zh-Hant/upscale-image.md) — 用 AI 把圖片放大 2 倍或 4 倍，在瀏覽器裡完成。