UltKit

圖片轉 SVG 轉換器

上傳任何圖片,取得由真正向量路徑組成的 SVG:可無限縮放、能在 Illustrator 或 Inkscape 中編輯,也能在 Cricut 上俐落切割,而不是把一張點陣圖塞進 SVG 外殼。

圖片轉 SVG

或將JPG, JPEG, JFIF … 檔案拖曳到這裡 ·

每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除

輸出
10

檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。

使用方式

  1. 1

    上傳圖片

    支援 JPG、PNG、WebP、AVIF、HEIC、GIF、BMP 或 TIFF,最多 20 個檔案,每個檔案上限 95 MB。PDF 也可以,請在 PDF 頁面 選擇要處理的頁面。

  2. 2

    設定顏色與背景

    顏色數量 預設為 10,且已開啟 去除背景,適合大多數標誌與圖示。簽名和線稿請將 色彩模式 切換為 黑白。

  3. 3

    按下「向量化」

    下載 SVG 檔案或 ZIP 壓縮檔。上傳的檔案會在 30 分鐘後刪除。

解答

如何正確地將 img 轉成 SVG?

要用描繪的方式。這個工具會找出圖片中的邊緣與色塊,並重新繪製成向量路徑,所以 SVG 放大也不會模糊。把檔案改名為 .svg,或把 JPG 包進 SVG 裡,都不會產生任何向量圖形。

圖片轉 SVG 是描摹,不是包裝

SVG 在 2001 年成為 W3C 建議標準,是以文字描述圖形的格式:路徑、填色和線條都用座標表示。JPG 或 PNG 則正好相反,是一格格有顏色的像素。要正確地把前者轉成後者,就得進行描繪:把像素歸類成相近顏色的區域,再沿著邊緣擬合曲線。

有些轉換器會跳過這一步,直接把點陣圖嵌入 SVG 檔。結果副檔名正確,但放大會模糊,也沒有可編輯或切割的內容。UltKit 的通用 圖片轉換器 在選擇 SVG 輸出時就會做這種包裝,若頁面範本只需要這個副檔名,這樣就夠了。標誌、圖示、印章和繪圖需要的是真正的圖形,這個描繪工具產生的正是這種結果。

影響圖片轉 SVG 結果的設定

色彩模式與顏色數量
彩色 會把每個色塊各描繪成獨立圖形,可選 2 到 64 種顏色。灰階 以灰色調做同樣處理;黑白 則使用單一臨界值。
細節與平滑化
細節 決定多小的斑點會被保留。平滑化 可修圓 JPG 壓縮和低解析度留下的鋸齒邊緣。
曲線
多數圖稿選 平滑曲線,幾何形標誌選 直線,想刻意保留像素藝術的方塊感則選 像素邊緣。
去除背景與僅保留輪廓
去除背景 會移除碰到邊緣的大型圖形,讓標誌浮在透明背景上。僅保留輪廓 會輸出供機器使用的切割路徑。

哪些圖檔可以轉成 SVG、EPS 或 DXF

from ↓ · to →SVGEPSPDFDXFAI
JPGJPG to SVG: yesJPG to EPS: yesJPG to PDF: yesJPG to DXF: yesJPG to AI: yes
PNGPNG to SVG: yesPNG to EPS: yesPNG to PDF: yesPNG to DXF: yesPNG to AI: yes
WebPWebP to SVG: yesWebP to EPS: yesWebP to PDF: yesWebP to DXF: yesWebP to AI: yes
GIFGIF to SVG: yesGIF to EPS: yesGIF to PDF: yesGIF to DXF: yesGIF to AI: yes
TIFFTIFF to SVG: yesTIFF to EPS: yesTIFF to PDF: yesTIFF to DXF: yesTIFF to AI: yes
PDFPDF to SVG: yesPDF to EPS: yesPDF to PDF: yesPDF to DXF: yesPDF to AI: yes
supported not offered每種輸入格式都能描繪成所有向量輸出格式。也接受 AVIF、HEIC 和 BMP;PDF 會逐頁描繪。

適合與不適合轉 SVG 的原始圖片

建議避免
從手上最大的圖片版本開始期待照片轉成向量後仍有照片的質感
有背景單純的 PNG 時就優先使用拿 64 px 的縮圖來描繪,還希望曲線乾淨
先裁掉邊框、浮水印和多餘文字讓標誌後面留著雜亂的背景
描繪 2 到 8 種顏色的標誌把 .png 改名為 .svg 就說是向量圖

圖片轉 SVG 常見問題

「img 轉 SVG」裡的 img 是什麼意思?

這是任何圖片檔的簡稱,借用自在網頁上放置圖片的 HTML <img> 標籤。搜尋 img 轉 SVG 的人通常手上有 JPG 或 PNG 格式的標誌,想要向量版本。這裡支援所有常見的點陣圖格式。

可以把 .img 磁碟映像檔轉成 SVG 嗎?

不行。副檔名為 .img 的檔案多半是磁碟映像檔,也就是整個磁碟的逐位元組複本,例如下載的 Raspberry Pi OS,裡面完全沒有圖片。少數很舊的 .img 檔是 1980 年代的 GEM 點陣圖,請先用舊的繪圖軟體開啟並另存為 PNG。

描摹出來的 SVG 能放在 HTML 的 img 標籤裡使用嗎?

可以。目前所有瀏覽器都能透過 <img src="logo.svg"> 顯示 SVG,並依 CSS 設定的寬度清晰縮放。建議保持開啟 最佳化 SVG,讓檔案夠小、載入更快。

什麼時候該改用「黑白」搭配臨界值?

適用於簽名、印章、手寫字和單色標誌。比 臨界值(預設 128)更暗的像素會變成黑色,其餘則消失,能得到最乾淨的邊緣。細線條消失時請調低臨界值;形狀看起來斑駁時請調高。

如何只產生外框線,給繪圖機或割字機使用?

在 進階設定 中勾選 僅保留輪廓。圖形會以無填色的線條輸出,繪圖機和割字機會把它們當作切割線。若你的機器軟體偏好 DXF,請在 轉換為 選擇 DXF。

為什麼描摹後的圖片細節比原圖少很多?

描繪本來就會簡化圖像。調高 細節 可保留細小的斑點與紋理,插圖則可將 顏色數量 調高到 64。照片仍會變成平塗、海報般的色塊,因為向量圖形無法呈現連續色調;可參考 照片轉 SVG 了解預期效果。