SVG ↔ PNG 轉換器 使用方法
- 1
載入 SVG
將一個或多個 .svg 檔案拖放進來,或在頁面任何位置貼上 SVG 標記,也可以輸入到程式碼框中,再按「轉譯 SVG」。
- 2
選擇輸出大小
可選擇 SVG 原始大小的 1×、2×、4× 或 8×,也可以輸入最大 16,384 像素的精確寬度,高度會自動配合。
- 3
選擇格式與背景
PNG 會保留透明背景;JPG 和 WebP 提供品質滑桿,任何格式都可以用顏色填滿背景。
- 4
下載
儲存 PNG,檔名會包含原檔名與尺寸,例如 logo-512x512.png;也可以一次下載全部檔案的 svg-to-png.zip。
限制與 Pro
SVG 轉 PNG:SVG 檔案數量不限,每個檔案可匯出至每邊最多 16,384 px、120 百萬像素。PNG 轉 SVG:一次一張,最大 25 MB。
Pro 方案將 PNG 轉 SVG 的輸入上限提高到最大 4 GB 的檔案。 查看 Pro
關於 SVG ↔ PNG 轉換器
SVG 轉 PNG 可將向量圖形轉成一般的像素圖片。瀏覽器內建的 SVG 引擎會直接依你指定的大小繪製,所以將 64 像素的圖示以 8× 匯出,得到的是清晰的 512 像素圖片,而不是放大後模糊的結果。輸出大小取自 SVG 的 width 和 height 屬性,mm、pt、in 等單位會以每英寸 96 像素換算;若沒有指定尺寸,則採用 viewBox。PNG 輸出會保留完整的 Alpha 透明度,並以 OxiPNG 進行無損最佳化;JPG 不支援透明,除非你選擇其他顏色,否則會填上白色。調整設定時預覽會即時更新,下載前就能看到確切的結果。
在不支援 SVG 的地方就需要 PNG,例如社群媒體、通訊軟體、舊版 Word 和 PowerPoint、電子郵件簽名檔、應用程式商店頁面,以及許多建站工具。以 2× 或 4× 匯出,也能在高像素密度的手機螢幕上保持清晰。
SVG 是以獨立圖片的方式轉譯,因此無法從網路取得任何內容:以 URL 引用的圖片和網路字型不會載入,文字會改用你裝置上已安裝的字型。匯出前請先將字型與圖片嵌入為 data URI,或把文字轉成外框。指令碼和動畫不會執行,只會得到單一靜態畫面。「PNG 轉 SVG」分頁則相反,可將圖片描繪成向量路徑。
隱私
轉譯由瀏覽器內建的 SVG 引擎完成,圖片則由本分頁中 Web Worker 內的 jSquash WebAssembly 編碼器處理,這些編碼器只會在你加入檔案後才從本網站載入。SVG 標記與匯出的圖片都留在你的裝置上,不會上傳,轉譯器本身也無法代替 SVG 發出網路請求。
功能
任何大小都清晰
向量圖會依輸出解析度重新繪製,可匯出 1×、2×、4×、8× 或精確的像素寬度。
透明背景
PNG 和 WebP 會保留透明度,也可以用任何顏色填滿背景。
貼上 SVG 程式碼
直接從編輯器或設計工具貼上標記,不需要檔案。
批次匯出
以相同設定轉換整組圖示,並下載成 ZIP。
也能 PNG 轉 SVG
切換分頁,即可將 PNG 或 JPG 標誌描繪成乾淨的向量路徑。