什麼是SVG 轉 PNG 轉換器？
將向量 SVG 檔案轉換為任意解析度的 PNG、JPEG 或 WebP 點陣圖。選擇輸出尺寸、格式與背景，然後下載圖片。
拖入一個或一整批 .svg 檔案,即時看到預覽,再挑你真正需要的尺寸。寬高比鎖定保持比例不亂;背景可選透明或純色。可匯出為 PNG(無損、支援透明)、JPEG(體積較小、白底)或 WebP(現代格式壓縮最佳)。1x 到 4x 的縮放預設讓單一圖示一次輸出 retina 與超高清;可選的 1x/2x/3x ZIP 一次打包三種密度。使用 currentColor 的圖示會出現內嵌色票挑選器,可在點陣化前重新上色。批次模式會把所有轉換結果打包成同一個 ZIP 下載。
使用方法
- 把一個或多個 .svg 檔案拖入上傳區域,或點擊選擇檔案。之後可用「新增更多 SVG」按鈕繼續追加。
- 設定輸出的寬度和高度（像素），並選擇背景顏色（透明或自訂顏色）。
- 選擇格式（PNG、JPEG 或 WebP）和縮放比例，然後點擊轉換並依你選的尺寸下載圖片。
何時使用
- 把 logo 匯出成 1024×1024 透明背景 PNG,做為社群媒體頭像。
- 由一個圖示 SVG 一次產出 App 用的 @2x、@3x 高解析度 PNG 變體。
- 把 D3 或 Mermaid 產生的圖表貼到只吃 PNG 的簡報軟體。
結果
一位設計師上傳了公司標誌的SVG檔案，將其轉換為1024×1024像素、透明背景的PNG圖片，用作社群媒體大頭貼。
常見問題
- 為什麼我選的尺寸匯出後看起來模糊?
- 要嘛 SVG 內含點陣圖(<image> 標籤指到 PNG/JPG),要嘛輸出寬度比 viewBox 小。向量元素本身放大不會糊,但嵌入的點陣圖只能被拉伸,自然會模糊。
- 我已經取消「透明」了,為何背景還是黑的?
- 關閉透明後,你選的背景色會填滿畫布。若仍是預設黑或沒設色,你看到的就是黑。常見的應用截圖底色用白(#ffffff)即可,或直接挑品牌色。
- 可以匯出 4K 甚至 8K 嗎?
- 可以,但受瀏覽器 canvas 上限影響,Chrome、Firefox 通常在 16384×16384 像素左右。記憶體用量約是 寬×高×4 byte,8K 在渲染中可能吃掉 200 MB,建議先關閉佔資源的分頁。
- SVG 內引用的外部字型在 PNG 中會保留嗎?
- 只有你的瀏覽器已經載入該字型才會保留。透過 <link> 引用網路字型的 SVG,在轉檔時不會去抓字型。若要確保字型一致,可在匯出前把文字轉成路徑,或在系統內安裝該字型。
- 支援 SVG 內的 CSS 動畫或互動腳本嗎?
- 不支援。PNG 是靜態格式,SMIL、CSS、JavaScript 動畫都會被凝結在第 0 幀。要匯出動畫中某一刻,請在來源軟體跑到那一幀再行匯出。