UltKit

SVG 轉 JPG 轉換器

將 SVG 依你需要的寬度精準輸出成 JPG,從 1200 px 的社群圖片到 2480 px 的 A4 列印都可以。透明區域會填上白色,或你挑選的任何顏色。

圖片轉換器

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

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

輸出

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

使用方式

  1. 1

    上傳 SVG

    加入從 Illustrator、Inkscape、Figma 或網站匯出的 .svg 檔案。每批最多 20 個,每個檔案最大 95 MB。

  2. 2

    設定寬度與背景

    在調整輸出圖片尺寸下,寬度預設為 2000 px,高度會依圖形比例自動計算。透明區域預設為白色,也可以選擇黑色或自訂顏色。

  3. 3

    轉換並下載

    按下轉換為 JPG,再儲存檔案或 ZIP。你上傳的所有檔案會在 30 分鐘後刪除。

SVG 在被繪製之前並沒有固定大小。轉成 JPG 就是要以像素選定這個大小、決定透明區域用什麼顏色填滿,並接受結果是固定的圖片,而不是可無限縮放的圖稿。

SVG 轉 JPG 轉換器:依你選擇的尺寸轉成點陣圖

SVG 在 2001 年成為 W3C 建議標準。它以指令描述形狀、路徑和文字,所以標誌在任何縮放倍率下都清晰。不過你發布圖片的大多數地方都是為照片設計的。Facebook、Instagram 和 LinkedIn 不接受上傳 SVG,許多簡報和文件範本也拒絕 SVG,列印平台則要求 JPG 或 PDF。這些系統需要的是像素。

這個轉換器會依調整輸出圖片尺寸設定的寬度繪製向量圖,高度則依圖形的 viewBox 比例計算。由於形狀是在該寬度下重新繪製,而不是從小型點陣圖拉伸而來,4000 px 的輸出和 400 px 的一樣銳利。請選擇目的地顯示的尺寸,或 300 DPI 的列印尺寸,並為會裁切的平台預留邊距。若圖稿需要保持透明,SVG 轉 PNG 是更好的選擇。

40:21

1200 × 630 px

連結預覽圖(Open Graph)

Facebook 建議的分享圖片尺寸

16:9

1280 × 720 px

YouTube 縮圖

16:9,寬度至少 640 px

1:1

1080 × 1080 px

Instagram 正方形貼文

更大的圖片上傳後會縮小為此寬度

620:877

2480 × 3508 px

300 DPI 的 A4 頁面

送印刷店的海報與傳單

SVG

可縮放向量圖形(SVG)

SVG 是 W3C 於 2001 年標準化、以 XML 為基礎的向量格式。它描述的是形狀、路徑和文字而非像素,因此任何尺寸都保持清晰,用於標誌和圖示時檔案通常非常小。它支援透明度、CSS 樣式、指令碼和動畫,所有瀏覽器都能原生顯示。SVG 不適合照片,複雜的插圖也可能繪製得很慢。Illustrator、Inkscape、Figma 和瀏覽器都能開啟與編輯。

壓縮方式
–
透明度
支援
動畫
支援
推出年份
2001 · W3C
SVG 轉檔工具

JPG

JPEG 影像

JPEG(或 JPG)是使用最廣泛的照片格式,由 Joint Photographic Experts Group 於 1992 年標準化。它採用失真壓縮,捨棄肉眼不易察覺的細節,讓照片小到適合網頁、電子郵件和手機儲存。它能妥善處理平滑漸層和自然景物,但銳利的文字、線稿和純色區域會出現明顯的區塊或模糊瑕疵。JPEG 沒有透明度也沒有動畫,每次重新儲存都會再損失一點畫質。所有瀏覽器、手機、相機和影像編輯器都能開啟。

壓縮方式
有損
透明度
不支援
動畫
不支援
推出年份
1992 · Joint Photographic Experts Group
JPG 轉檔工具

SVG 轉 JPG 適用於只接受照片、不接受向量檔的地方,例如社群貼文、縮圖、簡報範本和列印平台,這些地方預期的是帶有純色背景的平面圖片;把 JPG 向量化回 SVG 則是完全不同的工作。

SVG 轉 JPG 並使用白色背景

JPG 無法保留透明

SVG 的每個透明像素在 JPG 中都會填上純色。預設為白色,適合文件和大多數社群貼文。若是深色簡報或有顏色的橫幅,請在透明區域中選擇黑色或自訂顏色,標誌才不會被放在白框裡。

轉換前先檢查字型、連結圖片與顏色

SVG 內有三件事可能改變 JPG 的結果。以名稱指定字型的文字,取決於該字型是否可用,所以請先轉為外框。從其他網址連結的圖片在轉換時可能無法載入,請將它們嵌入 SVG 或替換掉。此外,SVG 原本所在網頁的 CSS 不會隨檔案一起帶走,所以在網站上看起來是藍色的圖示,單獨轉換時可能會變成黑色。

顏色以 sRGB 寫入,這是 SVG 預設使用的色彩空間,所以螢幕和社群應用程式顯示的顏色會與你設計的相同。若是列印用途,進階設定中的 DPI 標記會在檔案中記錄 300 DPI,而不改變像素,部分列印平台會檢查這項資訊。如果目的地是接受新格式的網站,在相同寬度下,SVG 轉 WebP 的檔案會比 JPG 小得多。

SVG 轉 JPG 常見問題

為什麼有些轉換器會讓 SVG 變成黑色背景?

透明像素仍帶有顏色值,通常是黑色;如果轉換器直接捨棄 alpha 色板而沒有填色,就會顯示出這個黑色。這裡會用透明區域設定的顏色填滿透明處,預設為白色。

SVG 要多少像素才夠 A4 列印?

在 300 DPI 下,A4 頁面為 2480 × 3508 px,US Letter 為 2550 × 3300 px。將設定寬度設為 2480 或 2550,高度會依圖形自動計算;向量圖會以該尺寸繪製,所以邊緣依然銳利。

背景可以用品牌色而不是白色嗎?

可以。在進階設定中,將透明區域設為自訂顏色,並輸入十六進位色碼,例如 #0B3D91。這個顏色會填滿所有透明像素,包括文字內部的空隙。

為什麼 JPG 裡的細線看起來有點模糊?

JPG 壓縮是以 8 × 8 像素的區塊運作,會在鮮明邊緣旁留下淡淡的波紋,線稿圖最為明顯。你可以將品質調到 95、以更大的寬度轉換,或在圖稿以線條和純色為主時改用 PNG。

SVG 使用了自訂字型,轉換前該怎麼做?

請先將文字轉為外框:Inkscape 用「物件轉路徑」,Illustrator 用「建立外框」,Figma 用「Outline stroke」並合併圖層。只指定字型名稱的 SVG 必須依賴電腦已安裝該字型,改用替代字型會改變外觀。