跳到主要內容

SVG 轉 JPG

把 SVG 向量圖光柵化成 JPG,可自選輸出尺寸、放多大都清晰,全程在瀏覽器本機完成。

92

我們自己測的:真實檔案大小

設定: 輸出寬度 512 px(預設值)

測試項目轉換前轉換後變化
向量圖512×341574 B13.2 KB+2262%
這些數字告訴你

574 位元組進去,寬 512 px 出來是 13.2 KB。這比同一張圖的 PNG(17.9 KB)小,但 JPG 存不了透明,而它的有損壓縮正好會糊掉「圖表就是靠這兩樣構成」的東西:銳利邊緣與純色塊。平面向量圖,落到 PNG 或 WebP 比較好。

2026-07-28 用 Chromium 151.0.7922.34 把這幾個檔案丟進「這一頁」實際跑出來的結果。每一頁都用同一組公開的測試檔,所以不同轉換器之間的數字可以互相比較。測試方法與原圖下載 →

SVG 轉 JPG 是什麼?

這個工具把 SVG(向量圖)光柵化成 JPG 點陣圖。因為 SVG 用數學路徑描述、可無限縮放,你可以先選好輸出尺寸再轉,放多大都清晰。整個過程都在你的瀏覽器本機完成,不上傳。JPG(JPEG)是有損壓縮格式,不支援透明,能把照片壓得很小,是相機與網路照片最通用的格式;代價是每次儲存都會損失一點畫質。

如何使用

  1. 選擇或拖入你的 SVG 檔(可多選)。
  2. 選擇輸出寬度(高度會依比例自動計算)。
  3. 按「下載」儲存 JPG;多檔可一次打包成 zip。

為什麼要先選尺寸

SVG 是向量,本身沒有固定像素;轉成 JPG 這種點陣格式時必須決定要多少像素。若直接用 SVG 內建的小尺寸(常見於圖示,如 24×24),輸出就會很小又模糊。先選好較大的寬度再光柵化,才能得到銳利的高解析結果——這也是「svg to jpg high quality」真正需要的做法。

向量轉 JPG:透明會消失、邊緣會糊

SVG 多半是去背的圖示、logo、線條插畫,而 JPG 剛好最不適合這類圖——你會踩到兩個雷:

  • JPG 不支援透明,原本透明的背景會被填成白色,去背 logo 轉完就多一塊白底。
  • JPG 是失真格式,對付照片的漸層很行,但遇到 SVG 那種銳利邊緣與純色色塊,壓縮後邊緣容易出現一圈灰髒的雜訊(ringing)。

所以除非你「就是要一張白底、能塞進任何舊系統的照片式圖檔」,否則圖示與線稿請優先轉 PNG(留透明、邊緣乾淨)。JPG 只適合那種本來就是照片內容、又不需要透明的 SVG。

唯一沒有透明的出口 —— 那個白底會在哪裡咬人

數字上這是中間那個:574 B → 13.2 KB(+2262%),比 PNG 的 17.9 KB 小、比 WebP 的 6.6 KB 大。但決定因素通常不是大小,是它會把透明變成不透明。SVG 常常沒有背景色,而 JPEG 沒有 alpha 通道,所以本來透出下層的地方會被填成實色。這在三個地方會咬人:深色主題的網頁(圖周圍出現白框)、非白底的簡報投影片、以及疊在照片上的浮水印或圖示。JPEG 還有第二個特性不利於這種內容:它為連續色調設計,而向量圖通常是大片純色配硬邊 —— 那正是 JPEG 最容易留下振鈴的地方。除非你確定圖會落在白底、而且只需要一張「能貼」的圖,WebP 或 PNG 通常更好。

常見問題

為什麼我的 SVG 轉出來背景變白的?

因為 JPG 沒有 alpha 通道,SVG 裡透明的部分一定得被填掉,而白色是最安全的預設。574 位元組的測試 SVG 在預設 512 px 寬下變成 13.2 KB 的 JPG。如果這張圖的透明背景你想留著,請改走 PNG 或 WebP 那一頁 —— 同樣寬度下,三者中檔案最小的是 WebP 的 6.6 KB。

我的 SVG 會被上傳嗎?

不會。轉換全程在你的瀏覽器本機以 Canvas 完成,SVG 不會上傳到任何伺服器,也不會被儲存。

SVG 轉 JPG 可以放大不模糊嗎?

可以。SVG 是向量、可無限縮放;本工具讓你先選較大的輸出寬度(例如 1024 或 2048px)再光柵化,就能得到清晰的高解析 JPG。

該選多大的尺寸?

favicon 或圖示選 256–512px;一般網頁圖片選 1024px;要印刷或當大圖選 2048px 以上。尺寸越大越清晰,檔案也越大。

JPG 為什麼背景變白?

JPG 不支援透明,所以 SVG 的透明區域會填成白色背景;若需要透明,請改轉 PNG 或 WebP。

延伸閱讀

SVG 轉 PNG 怎麼做?挑對解析度才不會模糊 →

嵌入此工具

把這個工具免費放進你的網站或部落格 —— 複製下面的程式碼貼上即可(內含一條回到本站的連結)。