跳至主要內容
SPCXTools

SVG 轉 PNG

將 SVG 向量圖轉換為任意尺寸的清晰 PNG 圖片,並保留透明度。

本機執行 — 檔案絕不會離開您的裝置

正在載入工具…

如何使用 SVG 轉 PNG

  1. 1選擇縮放比例(高 DPI 螢幕建議預設為 2×),或輸入精確的像素寬度。
  2. 2保持勾選透明背景,或取消勾選並選擇背景顏色。
  3. 3選擇 SVG 檔案或將其拖曳至頁面中。每個檔案都會立即轉換。
  4. 4逐一下載 PNG 檔案,或打包成 ZIP 檔一次下載。

將 SVG 向量圖轉換為 PNG

SVG 是 Logo、圖示與插圖的理想格式:檔案體積極小,可縮放至任意尺寸且保持絕對清晰。但許多地方仍然不支援 SVG 檔案——社群網路、電子郵件軟體、辦公室文件、應用程式商店、部分內容管理系統以及大多數的影像編輯器,通常只接受一般的點陣圖。這款轉換工具能直接在您的瀏覽器中,將 SVG 檔案渲染成您所需尺寸的 PNG 圖片,並完整保留透明背景。

功能特色

  • 提供 1×、2×、4× 和 8× 的預設縮放比例,或可自訂精確的像素寬度。
  • 向量級清晰輸出:圖像會依目標尺寸重新渲染,絕不拉伸變形。
  • 預設為透明背景,也可設定為任何純色背景。
  • 支援批次轉換多個 SVG 檔案,並打包成 ZIP 下載。
  • 根據 SVG 的尺寸或 viewBox 保持正確的長寬比。
  • 注重隱私:檔案皆在本地端處理,絕不上傳。

選擇合適的尺寸

用途 建議尺寸
網站圖示或 Logo 顯示尺寸的 2 倍 (2×)
App 圖示 512 × 512 或 1024 × 1024 px
Favicon 寬度 32、180 和 512 px
社群媒體大頭貼 寬度 400–800 px
簡報與文件 寬度 1000–2000 px
印刷 英吋寬度 × 300

由於 SVG 不受解析度限制,匯出比需求更大的尺寸,之後再將 PNG 縮小也無妨。以 2× 比例匯出,能在 Retina 及其他高密度顯示器上呈現極致清晰的效果。

為什麼我的 PNG 看起來不一樣?

大多數 SVG 檔案都能完美轉換。出現差異通常是因為 SVG 本身未包含以下資源:

  • 網頁字型:系統不會載入連結自 Google Fonts 或樣式表的字型,導致文字使用預設字型。請在匯出前,先於設計工具中將文字轉外框。
  • 外部圖片:透過網址或檔案路徑參照的圖片會被阻擋。請改用 Data URL 的方式將圖片直接嵌入 SVG 中。
  • 動畫:SVG 中的動畫只會擷取第一個影格。

相關工具

需要縮小檔案嗎?您可以透過 壓縮圖片 處理 PNG,或使用 PNG 轉 JPG 轉換格式。若要更改現有點陣圖的尺寸,請使用 調整圖片大小;若要在其他格式之間轉換,請使用 圖片轉檔。

常見問題

放大後的 PNG 會變模糊嗎?
不會。SVG 在轉換成像素前會以目標尺寸重新渲染,因此 4 倍或 8 倍大的 PNG 會和原始向量圖一樣清晰,這並非單純放大點陣圖。
輸出尺寸是如何計算的?
本工具會讀取 SVG 的寬度和高度(若未設定尺寸則讀取其 viewBox),並乘上您選擇的縮放比例。若您自行輸入寬度,則會採用該寬度,高度則會依照原始長寬比自動調整。
背景是透明的嗎?
是的,預設為透明。SVG 未繪製的區域在 PNG 中會保持透明。您可以取消勾選該選項,並以任何顏色填滿背景;這對於會將透明背景顯示為黑色的 App 來說非常實用。
為什麼字型或圖片在 PNG 中看起來不一樣?
基於安全考量,瀏覽器會在隔離環境中渲染 SVG 檔案,因此無法載入外部資源(如連結的網頁字型、圖片,或來自其他檔案及 URL 的樣式表),文字也會改用備用字型。若要獲得完全一致的結果,請將文字轉換為路徑,或將圖片直接嵌入 SVG 中。
我的檔案會被上傳嗎?
不會。SVG 檔案完全由您的瀏覽器在您的裝置上讀取與渲染,絕不會傳送至任何伺服器。
我能轉出多大的 PNG 圖片?
寬度最高可達 16,384 像素,總計最高約 2.68 億像素。處理超大圖片需要消耗大量記憶體,在手機上操作時尤其明顯。