使用說明

圖片轉向量:PNG、JPG、WebP 轉 SVG 描繪

這個工具可以把 PNG、JPG 或 WebP 描繪成可以任意放大的填色向量路徑,也就是圖片轉向量。它適合標誌、圖示、線稿、簽名和剪影,也能做出 Cricut 等切割機用的切割檔。描繪在你的瀏覽器中進行,圖片不會上傳。


圖片轉 SVG 的步驟

  1. 選擇選擇圖片或拖放到這裡,再選一個 5 MB 以內的 PNG、JPG、WebP 或 HEIC 檔案。
  2. 稍等一下讓它描繪,再用預覽上方的 SVG 描繪結果與原圖切換,比較兩者。
  3. 如果形狀太粗糙、太雜亂或缺少細節,就調整預覽下方的描繪設定。每次移動控制項,預覽都會跟著更新。
  4. 按下下載 SVG。檔案會以原本的檔名加上 .svg 儲存,按鈕也會變成再次下載。

預覽放在棋盤格上,這樣透明背景才看得出來。棋盤格不屬於檔案。預覽下方的數字,例如 5 條路徑 · 4.2 kB,顯示這次描繪有多少條路徑,以及 SVG 檔案的大小。更改設定後,圖片重新描繪的短短片刻,「下載 SVG」會暫時無法按。

單色或彩色:描繪模式怎麼選

描繪模式一開始是單色。比細節閾值更暗的像素會變成一個黑色圖形,其餘則是背景。適合簽名、鏤空模板、單色標誌或剪影。

彩色會保留圖片的主要顏色,並把每種顏色變成各自的填色圖形。適合平塗色塊的標誌、圖示,或只有幾種分明顏色的插畫。照片用彩色描繪,會變成色階分明的海報風圖形,而不是逼真的複製品。

細節閾值與平滑度

兩個滑桿在不同模式下的作用不一樣。

圖片轉向量圖:移除白色背景變透明

移除白色背景預設是開啟的。它會去掉接近白色的區域,也就是紅、綠、藍都超過 240 的部分,讓 SVG 擁有透明背景,放在任何網頁、樣機或材質上都很乾淨。

它分不出背景和圖片裡的白色,所以畫面中的白色高光或白色文字,也會變成透明的洞。關閉這個選項,白色區域就會保留成白色圖形;在單色模式下,黑色圖形後面會多一個白色背景圖形。PNG 裡的透明像素會在描繪前被當成白色處理。

哪些圖片描繪效果好,以及限制

SVG 是描繪出來的結果,不是原圖的完整複本。漸層會變成一條條平塗色帶,非常細的細節可能消失,圖片裡的文字也不會變回字型。想把照片轉成 SVG 也可以,但不要期待它像標誌一樣乾淨。

檔案大小上限是 5 MB,HEIC 或相機 RAW 照片會在轉換後才檢查。很大的圖片會先縮成長邊最多 1200 px 的副本再描繪,而 SVG 仍會記錄原始尺寸。色彩繁雜的照片可能產生數千條路徑,檔案達到 1 MB 以上。想減少路徑,可以提高平滑度,或調低細節閾值。

Cricut 與切割機用的 SVG 檔

下載的 SVG 只包含填色的路徑(path 元素),沒有線條、沒有不透明度,也沒有嵌入的點陣圖。它透過 viewBox 記錄原圖的像素寬高,所以放大到任何尺寸都不會模糊。你可以用 Cricut Design Space、Illustrator、Inkscape、Figma 和任何瀏覽器開啟。

要做切割檔,先用單色處理高對比的圖片,保持移除白色背景為開啟,並在切割前用切割軟體檢查形狀。

其他工具:想描繪掃描的 PDF 頁面,可以用「PDF 向量化工具」;想在描繪前先去掉背景,可以用「圖片去背工具」。如果只是要換檔案格式,「圖片轉檔工具」能存成 JPG、PNG、WebP 或 PDF,「圖片轉像素畫」則會把圖片變成復古的粗像素。


圖片轉 SVG 常見問題

怎麼把 PNG 轉成 SVG?

選好 PNG,確認「SVG 描繪結果」預覽,再按「下載 SVG」。工具會把圖片中的形狀描繪成填色的向量路徑,存成以原檔名命名的檔案,例如 logo.svg。如果結果不理想,先調整「描繪設定」:每次移動控制項,預覽都會更新。

JPG 轉 SVG 時怎麼保留顏色?

在「描繪設定」把「描繪模式」改成「彩色」,再按「下載 SVG」。每種保留下來的顏色都會變成各自的填色圖形。顏色數量由「細節閾值」決定,從 0 的約 2 種到 255 的約 32 種,預設 128 約保留 17 種。JPG 壓縮可能留下雜點,看到的話就提高「平滑度」。

可以把圖片轉成 SVG 給 Cricut 用嗎?

可以。按下「下載 SVG」,再用 Cricut Design Space 開啟檔案。SVG 只包含填色路徑,沒有線條,也沒有嵌入圖片。乾淨的黑白圖或平塗色塊最容易描繪,「單色」會得到單一顏色的圖形。照片只會變成方塊感的海報風圖形,不適合當切割檔。

怎麼讓圖片轉出來的 SVG 有透明背景?

保持勾選「移除白色背景」,這是預設值。紅、綠、藍都超過 240 的近白區域會被去掉,所以 SVG 沒有背景圖形,預覽中也能透出棋盤格。圖片裡的白色區域,例如高光,也會一併消失變成洞。取消勾選,就能把白色區域保留成白色圖形。

可以把照片轉成 SVG 嗎?

可以,但結果是色階分明的描繪,不是照片。「彩色」模式會把圖片變成平塗的填色圖形,色彩繁雜的照片可能產生數千條路徑,檔案達到 1 MB 以上。想減少路徑,可以提高「平滑度」,或調低「細節閾值」。想要乾淨的結果,建議從標誌、圖示、線稿或剪影開始。

PNG 轉成 SVG 會損失畫質嗎?

SVG 由路徑組成,不是像素,所以任何尺寸都保持清晰。不過它是圖片的描繪結果,不是完整複本,細線條可能被磨平或合併。調低「平滑度」可以讓形狀更貼近邊緣;在「彩色」模式下調高「細節閾值」,則能保留更多顏色。色塊平整、邊緣清楚的圖片損失最少。

Logo 或簽名可以轉成 SVG 嗎?

可以,這兩種最適合。使用「單色」,再調整「細節閾值」,直到細線條保持實心、縫隙也沒有被填滿。形狀都是單純的填色路徑,所以檔案能用 Illustrator、Inkscape 和 Figma 開啟,也能縮放到任何尺寸。文字不會重建成字型,字母會以輪廓呈現。

把圖片轉成 SVG 時,圖片會被上傳嗎?

不會。描繪在你的瀏覽器裡以 Web Worker 執行,圖片會留在你的裝置上。上限是 5 MB,HEIC 或相機 RAW 檔案會在轉換後才檢查。很大的圖片會先縮成長邊最多 1200 px 的副本再描繪,SVG 仍會記錄原始尺寸,也能自由縮放。