跳到工具
JoeLucky

點擊工具頁的「收藏」加入

工具類別

程式碼截圖CSS 漸層產生器玻璃擬態產生器Box Shadow 產生器CSS 載入動畫SVG Blob 產生器SVG 轉 PNG色彩對比檢查工具PX/REM/EM 轉換器
JoeLucky

實用好用的在線工具集合站

隱私政策服務條款

© 2026 JoeLucky®. 版權所有。

  1. JoeLucky
  2. /CSS 與設計
  3. /SVG 轉 PNG

SVG 轉 PNG

高解析度 SVG 轉 PNG,支援自定縮放比

相似CSS 與設計

查看全部
程式碼截圖

將程式碼轉成美觀的分享圖片,支援多種主題

開啟 →
CSS 漸層產生器

視覺化設計線性、放射、圓錐漸層,即時複製 CSS 程式碼

開啟 →
玻璃擬態產生器

即時預覽玻璃擬態效果,一鍵複製 CSS 程式碼

💬 使用者留言

?

還沒有留言,搶先留下你的想法!

什麼是SVG 轉 PNG?

將 SVG 向量圖轉成 PNG 點陣圖,可自訂縮放倍率以輸出高解析度版本。轉換在瀏覽器本機完成。

如何使用?

  1. 有兩種輸入方式:直接拖拽 .svg 檔案至上傳區,或將 SVG 原始碼貼入文字框後點「載入」按鈕。
  2. 預覽區以棋盤格背景顯示 SVG,讓透明區域清楚可見;右上角的「複製 SVG」可直接複製原始碼,「✕」可清除重來。
  3. 「縮放倍率」提供 1×/2×/4×/8× 四個快速選項,也可在「自訂寬度」輸入任意 px 值,高度自動等比例計算。
  4. 「背景」可選「透明」保留 alpha 通道,或「白色」產生適合不支援透明格式(如 JPG 場景)的純白底色輸出。
  5. 點「下載 PNG」後,輸出尺寸會顯示在按鈕左側確認;建議選 2× 或 4× 以確保在 Retina 螢幕上清晰。所有轉換在瀏覽器完成,不上傳檔案。

常見問題

SVG 轉 PNG 支援哪些解析度?

支援 1×、2×、4× 等多種解析度,適合不同螢幕密度需求。

轉換是否在瀏覽器本機完成?

是,透過 Canvas 完成,不上傳任何檔案到伺服器,保護隱私。

轉換後的 PNG 背景是透明的嗎?

若 SVG 背景透明,PNG 也保留透明;也可指定背景色。

預覽

尚未載入 SVG

輸出設定

縮放倍率

自訂寬度

px

背景

開啟 →