ByteScope

Image to SVG

把 Logo、插畫或手繪稿描成乾淨的 SVG 路徑——選個預設、調顏色數、修一下調色盤就能下載,圖片不會離開你的瀏覽器。

檔案不會離開你的瀏覽器 — 全部在本機處理。

把 Logo、插畫或手繪圖拖進來

或點一下選檔,也可以直接貼上 — 支援 PNG、JPEG、WebP

  • 自動描圖適合色塊清楚的圖:Logo、插畫、線稿。照片轉出來會像海報,檔案也會很大。
  • 漸層會變成一階一階的色帶,文字會變成外框,不是能編輯的文字。
  • 速度:色塊清楚、約 200 萬像素的圖大約要 7 秒;照片或有雜訊的掃描圖會慢上許多。
  • 描成向量的 Logo 還是同一個 Logo,商用前請先確認商標權。

先放大先去背

關於這個工具

自動描圖做的事,是把一格一格的像素變成有填色的形狀:先把顏色相近的像素歸成一群,沿著每一群的外緣走一圈,再把輪廓寫成曲線。所以圖片色塊越清楚效果越好——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 那一頁。

常見問題

哪些圖轉得好?

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

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

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

圖片會上傳嗎?

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

透明背景會保留嗎?

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

Logo 裡的文字還能編輯嗎?

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

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

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

轉一張要多久?

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

描好的 Logo 可以商用嗎?

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