JPG 轉 SVG 轉換器
把 JPG 標誌、草圖或圖示轉成由真正路徑構成的 SVG,可縮放到任何尺寸,並匯入 Cricut、Silhouette、Illustrator 或網頁使用。描摹工具會把每個色塊重新繪製成圖形,所以結果是真正的向量圖,而不是包在向量外殼裡的點陣圖。
圖片轉 SVG
或將JPG, JPEG, JFIF … 檔案拖曳到這裡 ·
每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除
檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。
較高會保留細小斑點與細緻紋理;較低會捨棄小於數個像素的形狀並清除雜訊。
較高可修圓低解析度或 JPG 來源產生的鋸齒邊緣;較低則保留尖銳的轉角。
平滑曲線適用於大多數圖片,直線段適用於幾何標誌,像素邊緣則可保留像素藝術的方塊感。
僅適用於 PDF 輸入:要轉換的頁面,例如 1 或 1-3, 5。每一頁會成為獨立的檔案。
使用方式
- 1
上傳 JPG
上傳 Logo、手繪圖或平面圖形的 JPG 或 JPEG 檔案,一次最多 20 個。原圖越大、越乾淨,曲線就越平滑。
- 2
設定顏色
顏色數量預設為 8,適合大多數 Logo。簽名和線稿請將色彩模式切換為黑白;如果 JPG 尺寸小或有馬賽克感,可提高平滑化。
- 3
轉換並檢查
按下向量化為 SVG,用瀏覽器開啟檔案並放大檢視。如果細小的部分不見了,請在進階設定中提高細節,再轉換一次。
JPG 轉 SVG 最適合原本就是平面的圖像:Logo、圖示、印章、簽名和手繪圖。來源的顏色越少,向量圖就越乾淨。
JPG 如何變成向量路徑
JPG 是以 1992 年的 JPEG 方法壓縮的像素格點;SVG 自 2001 年起成為 W3C 標準,是由座標和曲線描述的圖形清單。兩者之間無法直接對應,所以轉換器採用描繪的方式:先把像素歸類成有限數量的顏色,找出每個色塊的邊界,再沿著邊界擬合出平滑的曲線。
Inkscape 的「描繪點陣圖」(建立在 Potrace 函式庫之上)和 Illustrator 的「影像描圖」(於 Illustrator CS6 推出)採用的也是同樣的概念。各工具的差異在於如何選取顏色,以及消除雜訊的力道。這兩項決定,正是這裡的顏色數量、細節和平滑化所控制的。
JPG 還有自己的難題。這種格式會把圖像切成 8 × 8 像素的區塊,並捨棄每個區塊內的細節,使銳利邊緣周圍出現淡淡的光暈。描繪工具會把這些光暈當成多餘的圖形。因此本頁將平滑化預設為 60,而不是一般的 50。
JPG 轉 SVG 時如何選擇顏色數量
- 2
單色 Logo、鏤空模板、貼紙
- 4–8
平面 Logo 與圖示(預設 8)
- 16–32
插畫、卡通、徽章
- 64
最大值;色調分離的照片
JPG 轉 SVG 能做到與做不到的事
迷思把 JPG 存成 SVG,就能在任何尺寸都清晰。
事實只有描繪出的路徑才能縮放。僅嵌入 JPG 的 SVG,放大後會和 JPG 一樣模糊。
迷思顏色越多,向量圖就越好。
事實超過 16–32 種顏色後,只會多出許多細小圖形並增加檔案大小;Logo 用 4–8 種顏色看起來更乾淨。
迷思模糊的 JPG 轉換後會變清晰。
事實描繪工具能平滑鋸齒狀邊緣,但無法憑空生出 JPG 原本沒有的細節。
從 JPG 標誌描摹出乾淨的向量圖
| 建議 | 避免 |
|---|---|
| 使用手邊最大的 JPG,寬度最好在 1000 px 以上。 | 描繪極小的縮圖,或是截圖的截圖。 |
| 上傳前先裁掉邊框和多餘的空白。 | 為雙色 Logo 把顏色開到 64。 |
| 簽名和手寫筆記請選擇黑白。 | 期待人像照片保留原本的膚色。 |
| 貼紙和切割檔請開啟去除背景。 | 描繪前把 JPG 反覆重新儲存多次。 |
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,調高平滑化數值就能彌補大部分差距。