SVG 轉 PNG 轉換工具（同時支援轉換為 JPG）
免費將 SVG 檔案或貼上的 SVG 程式碼轉換成 PNG 或 JPG 圖片。可自由設定所需的輸出尺寸，所有處理都在你的瀏覽器內完成。
PNG 還是 JPG？該怎麼選
| 格式 | 特性 | 適合用途 |
|---|---|---|
| PNG | 採用無失真壓縮，畫質不會下降，也能完整保留透明背景。 | 標誌、圖示、插畫等需要透明背景或銳利邊緣的場合 |
| JPG | 採用失真壓縮，檔案體積較小，但透明區域會被填上你選擇的背景色。 | 帶有照片背景的圖片，或是最重視檔案大小的情境 |
SVG 轉 PNG 轉換工具是什麼？
這款 SVG 轉 PNG 轉換工具可以把 SVG（向量圖）檔案或貼上的 SVG 程式碼，轉換成你指定像素尺寸的 PNG 或 JPG 圖片。SVG 廣泛用於圖示、標誌與插畫，但在上傳到網頁表單，或是顯示於不支援 SVG 的應用程式與舊系統環境時，往往還是需要傳統的圖片格式。這款工具能在短短幾秒內幫你完成這個轉換。
整個轉換過程完全在瀏覽器端進行，運用的是瀏覽器內建的 Canvas API，因此你的 SVG 檔案或程式碼並不會被傳送到伺服器。由於 SVG 是向量格式，匯出時必須有人決定像素尺寸——本工具會從 SVG 本身偵測出合理的預設值，同時也讓你可以自由調整。
使用方法
- 載入你的 SVG 選擇檔案（也支援拖放），或直接貼上 SVG 程式碼。
- 選擇輸出格式 選擇 PNG（保留透明）或 JPG（透明區域會被填上背景色）。
- 調整輸出尺寸 直接輸入寬度／高度，或使用縮放按鈕（1x/2x/4x）一次同時調整兩者。
- 轉換並下載 點擊「開始轉換」查看預覽，再立即下載。
用好本工具的小技巧
- 如果你的 SVG 沒有 width/height 屬性或 viewBox，初始輸出尺寸會預設為 512×512px，你可以隨時改成需要的尺寸。
- 縮放按鈕（1x/2x/4x）會以偵測到的 SVG 尺寸為基準整體放大，方便為 Retina（高 DPI）螢幕一次匯出 2x/4x 的圖示素材。
- 若需要保留透明背景，請選擇 PNG。JPG 沒有透明通道，透明區域會被填上你選擇的背景色（預設為白色）。
- SVG 中複雜的漸層與濾鏡效果，會依照瀏覽器實際渲染的結果顯示。若 SVG 參照了外部字型或圖片，唯有瀏覽器能成功載入時才能正確呈現。
- 勾選「鎖定長寬比」後，調整寬度或高度時會保持原本的比例；取消勾選則可以分別設定寬度與高度。
應用情境
將圖示與標誌點陣化
把設計工具匯出的 SVG 圖示轉換為 PNG，再嵌入不支援 SVG 的系統或應用程式中。
上傳到網頁表單
許多表單與服務不接受 SVG 上傳，事先轉換為 PNG/JPG 就能解決這個問題。
匯出適合 Retina 螢幕的多種尺寸
使用縮放按鈕，快速產生 1x/2x/4x 版本，用於製作高 DPI 圖示集。
貼到社群媒體或投影片中
轉換成傳統圖片格式，方便用在無法直接接受 SVG 的平台與投影片檔案中。
術語解釋
- SVG（可縮放向量圖形）
- 一種以 XML 文字描述座標與路徑來呈現圖形的向量圖像格式，無論放大或縮小都不會出現鋸齒。
- 點陣化
- 將向量圖像依指定尺寸轉換為像素網格（也就是點陣圖）的處理過程。
- viewBox
- SVG 中用來定義內容在內部所佔座標範圍的屬性，在缺少 width/height 時可作為尺寸的替代參考。
- 透明色版（Alpha 色版）
- 圖像中依像素儲存的透明度資訊。PNG 會保留這項資訊，而 JPG 沒有透明色版，轉換時透明區域會被填上背景色。
- Canvas API
- 瀏覽器標準的 JavaScript 圖像繪製與處理介面。本工具僅透過 Canvas API 完成 SVG 的點陣化，不需要額外的函式庫。
常見問題
閒話 ― SVG 其實只是一份用 XML 寫成的文字檔
PNG 或 JPG 是以像素網格的方式儲存圖像，而 SVG（可縮放向量圖形）則是用 XML 文字描述圖形的座標與路徑。正因如此，無論放大或縮小它都不會出現鋸齒，也可以直接用一般的文字編輯器開啟並閱讀其內容。這正是標誌與圖示偏好採用 SVG 格式的原因，因為它們需要在各種尺寸下都維持銳利清晰的外觀。
SVG 本身並沒有「解析度」這個概念，它終究只是純粹的向量描述。每當你把它轉換成 PNG 或 JPG 這類傳統的像素式格式時，就必須有人決定渲染時的像素尺寸。這正是本工具需要你指定寬度與高度的根本原因——這是 SVG 本質所帶來的直接結果。
現實中不少 SVG 檔案根本沒有設定 width/height 屬性，或是以百分比等相對單位來表示。遇到這種情況時，常見的做法是退而使用 viewBox 屬性，它定義了 SVG 內容在內部所佔據的座標範圍。本工具也採用相同的慣例：當 width/height 缺漏時，便以 viewBox 作為像素尺寸的替代參考依據。