UltKit

JPG 轉 SVG 轉換器

把 JPG 標誌、草圖或圖示轉成由真正路徑構成的 SVG,可縮放到任何尺寸,並匯入 Cricut、Silhouette、Illustrator 或網頁使用。描摹工具會把每個色塊重新繪製成圖形,所以結果是真正的向量圖,而不是包在向量外殼裡的點陣圖。

圖片轉 SVG

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

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

輸出
8

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

使用方式

  1. 1

    上傳 JPG

    上傳 Logo、手繪圖或平面圖形的 JPG 或 JPEG 檔案,一次最多 20 個。原圖越大、越乾淨,曲線就越平滑。

  2. 2

    設定顏色

    顏色數量預設為 8,適合大多數 Logo。簽名和線稿請將色彩模式切換為黑白;如果 JPG 尺寸小或有馬賽克感,可提高平滑化。

  3. 3

    轉換並檢查

    按下向量化為 SVG,用瀏覽器開啟檔案並放大檢視。如果細小的部分不見了,請在進階設定中提高細節,再轉換一次。

JPG 轉 SVG 最適合原本就是平面的圖像:Logo、圖示、印章、簽名和手繪圖。來源的顏色越少,向量圖就越乾淨。

JPG 如何變成向量路徑

JPG 是以 1992 年的 JPEG 方法壓縮的像素格點;SVG 自 2001 年起成為 W3C 標準,是由座標和曲線描述的圖形清單。兩者之間無法直接對應,所以轉換器採用描繪的方式:先把像素歸類成有限數量的顏色,找出每個色塊的邊界,再沿著邊界擬合出平滑的曲線。

Inkscape 的「描繪點陣圖」(建立在 Potrace 函式庫之上)和 Illustrator 的「影像描圖」(於 Illustrator CS6 推出)採用的也是同樣的概念。各工具的差異在於如何選取顏色,以及消除雜訊的力道。這兩項決定,正是這裡的顏色數量、細節和平滑化所控制的。

JPG 還有自己的難題。這種格式會把圖像切成 8 × 8 像素的區塊,並捨棄每個區塊內的細節,使銳利邊緣周圍出現淡淡的光暈。描繪工具會把這些光暈當成多餘的圖形。因此本頁將平滑化預設為 60,而不是一般的 50。

JPG 轉 SVG 時如何選擇顏色數量

  1. 2

    單色 Logo、鏤空模板、貼紙

  2. 4–8

    平面 Logo 與圖示(預設 8)

  3. 16–32

    插畫、卡通、徽章

  4. 64

    最大值;色調分離的照片

JPG 轉 SVG 能做到與做不到的事

迷思把 JPG 存成 SVG,就能在任何尺寸都清晰。

事實只有描繪出的路徑才能縮放。僅嵌入 JPG 的 SVG,放大後會和 JPG 一樣模糊。

迷思顏色越多,向量圖就越好。

事實超過 16–32 種顏色後,只會多出許多細小圖形並增加檔案大小;Logo 用 4–8 種顏色看起來更乾淨。

迷思模糊的 JPG 轉換後會變清晰。

事實描繪工具能平滑鋸齒狀邊緣,但無法憑空生出 JPG 原本沒有的細節。

從 JPG 標誌描摹出乾淨的向量圖

建議避免
使用手邊最大的 JPG,寬度最好在 1000 px 以上。描繪極小的縮圖,或是截圖的截圖。
上傳前先裁掉邊框和多餘的空白。為雙色 Logo 把顏色開到 64。
簽名和手寫筆記請選擇黑白。期待人像照片保留原本的膚色。
貼紙和切割檔請開啟去除背景。描繪前把 JPG 反覆重新儲存多次。

SVG 完成後,幾乎所有會用到向量圖的地方都能使用。網頁設計師會把它當作行內圖示貼進頁面,招牌業者會送進繪圖機,手作愛好者則載入 Cricut Design Space。如果目的地又需要點陣圖,例如只接受圖片的商品刊登頁面,可以用 SVG 轉 PNG 匯出任意尺寸的清晰副本。

雷射切割機和 CAD 軟體若偏好 DXF 而非 SVG,可用 JPG 轉 DXF 描繪同一張 JPG,輸出的輪廓格式可被 AutoCAD 和大多數雷射軟體讀取。

JPG 轉 SVG 常見問題

產生的 SVG 是真正的向量圖,還是只把 JPG 放進 SVG 檔案?

是真正的向量圖。有些轉換器只是把 JPG 嵌入 SVG 的圖片標籤中,放大後仍會出現鋸齒。本工具會描繪輪廓並以 SVG 路徑寫出,所以用文字編輯器開啟檔案,看到的是座標,而不是一大段編碼過的像素資料。

人像或風景照片可以轉成 SVG 嗎?

可以,但結果會像海報或數字填色畫,而不是照片。向量圖描述的是平面色塊,而照片有數百萬種細微的色階。想要風格化效果可試 24–32 種顏色;要用於割字機請選黑白,詳情請見 照片轉 SVG。

製作 Cricut 或 Silhouette 切割檔該用哪些設定?

請使用黑白或 2–4 種顏色,開啟去除背景,避免白色區域被當成圖形裁切,並可考慮使用僅保留輪廓,讓機器沿著邊緣切割。Cricut Design Space 和 Silhouette Studio 都能直接匯入 SVG。

為什麼描摹出來的標誌邊緣歪歪扭扭?

JPG 壓縮會在銳利邊緣周圍產生細微雜訊,描繪時也會跟著描出來。請提高平滑化、稍微降低細節,幾何形狀的 Logo 則可在曲線選項中選擇直線。使用較大的 JPG 作為來源,效果最明顯。

SVG 檔案會有多大?

以 4–8 種顏色描繪的平面 Logo,通常是幾 KB 到幾十 KB。每多一種顏色或細緻紋理都會增加路徑,所以描繪後的照片可能比原本的 JPG 還大。最佳化 SVG 會簡化座標並合併路徑,讓檔案維持小巧。

用 PNG 當來源會比 JPG 好嗎?

通常會。同一個 Logo 的 PNG 沒有壓縮雜訊,也可能已經是透明背景,描繪結果更乾淨。如果兩種格式都有,請使用 PNG 轉 SVG;如果只有 JPG,調高平滑化數值就能彌補大部分差距。

將其他圖片轉成向量圖

PNG 轉 SVGJPEG 轉 SVG照片轉 SVG
WebP 轉 SVGAVIF 轉 SVGPDF 轉 SVG
JPG 轉 DXF圖片轉 SVG