線上 SVG 轉 PNG

這個 SVG 轉 PNG 工具按瀏覽器顯示的樣子輸出，網頁字型、流程圖文字和連結的圖片都能保留。可選倍率或指定像素，存成 PNG、JPG、WebP 或分層 PSD，完全免費。

SVG → PNG免費 · 在瀏覽器裡執行

·手邊沒有 SVG？

在你的裝置上轉換，檔案不會上傳到我們的伺服器。SVG 裡用到的網頁字型和連結的圖片，會由你的瀏覽器從它們自己的伺服器下載，讓檔案正確顯示。

  • 免費 SVG 轉 PNG，不用註冊，無浮水印
  • 在你的裝置上轉換
  • PNG、JPG、WebP 和分層 PSD
  • 一次最多 50 個，打包 ZIP 下載

SVG 轉 PNG 範例

5 個為本頁原創繪製的 SVG 檔案，每個都按卡片上的設定在這裡轉換完成。點開一個，轉換器就會套用它的設定。

A5 海報SVG → PNG

A5 海報

1,748 × 2,480 px · PNG · 300 DPI

尺寸以公釐標註，自動換算成像素，按 300 DPI 存成列印用圖。

流程圖SVG → PNG

流程圖

1,440 × 880 px · PNG · 2×

draw.io 風格，放在 foreignObject 裡的標籤，轉出來都留在原位。

日落插畫SVG → JPG

日落插畫

1,600 × 1,600 px · JPG · 2×

漸層、濾鏡和 CSS class 樣式完整保留，存成你所選底色的 JPG。

線條圖示組SVG → PNG

線條圖示組

6 個檔案 · 192 × 192 px · PNG · 8× · ZIP

每個圖示按自己的 viewBox 定尺寸，6 個一起打包成一個 ZIP。

品牌字標 LogoSVG → PNG

品牌字標 Logo

2,800 × 880 px · PNG · 4×

用 Google Fonts 網頁字型寫成，輸出 4× 透明 PNG，字形不走樣。

SVG 轉 PNG 只需 3 步

新增檔案，設好尺寸，然後下載。

  1. 拖入、選擇或貼上 .svg、.svgz 檔案，一次最多 50 個，每個 20 MB 以內；也能直接貼上 SVG 程式碼。在頁面任何位置貼上也行。

  2. 預設 2×，也可選 1×、4×、8× 或輸入像素；可存成 PNG、JPG、分層 PSD，瀏覽器支援時還能存 WebP。

  3. 下載單一檔案，或整批打包成 ZIP。每個檔案下面都有自己的說明和快速修正；改了任何設定，已完成的 SVG 轉 PNG 結果會立刻按新設定重畫。

立即試用

這個 SVG 轉 PNG 工具擅長什麼

這個免費 SVG 轉 PNG 工具最拿手的六件事，適合 Logo、圖示、流程圖和列印。

  1. 和瀏覽器裡看到的一模一樣

    和瀏覽器裡看到的一模一樣

    每個檔案都由瀏覽器自己的 SVG 引擎繪製，CSS 樣式、漸層、濾鏡和剪裁路徑都照設計輸出。這張日落插畫的漸層、柔光和 CSS class 全部保留，存成暖米色底的 JPG。

  2. 網頁字型和連結圖片一起嵌入

    網頁字型和連結圖片一起嵌入

    Google Fonts 等網頁字型會先下載並嵌入再繪製，字標的每個字形都不走樣；連結的圖片也會先取回並嵌入，每個檔案都會列出用到的字型和圖片。這個植物工作室字標就輸出成 4× 透明 PNG。

  3. 流程圖文字一個不少，小錯誤自動修正

    流程圖文字一個不少，小錯誤自動修正

    draw.io 流程圖的每個標籤都會保留，包括 foreignObject 裡的 HTML 文字。缺少 xmlns、程式碼前後有多餘文字這類小錯誤會自動修正，說明裡寫明改了什麼，流程圖和畫的時候一模一樣。

  4. 螢幕和列印都能精確設定尺寸

    螢幕和列印都能精確設定尺寸

    選 1×、2×、4×、8× 或輸入像素，下載前就能看到輸出尺寸。公釐、英吋和 pt 按每英吋 96 像素換算，所以這張 A5 夜市海報經 SVG 轉 PNG，以 300 DPI 輸出為 1,748 × 2,480 px，直接就能列印。

  5. 按群組匯出分層 PSD

    按群組匯出分層 PSD

    格式選 PSD，每個頂層群組都會成為一個 Photoshop 圖層，圖層名稱取自群組的 id 或標籤；選了背景色，還會另外加一個背景圖層。這張公路旅行插畫開啟後，天空、太陽、平頂山、公路、汽車和仙人掌各在一層。

  6. 批次、ZIP 和列印 DPI

    批次、ZIP 和列印 DPI

    一次最多轉換 50 個 SVG 檔案，打包成一個 ZIP；只有 viewBox 的圖示會依 viewBox 決定尺寸。PNG 和 JPG 預設 96 DPI，列印可選 72、150 或 300；JPG 和 WebP 有四種畫質。這裡的 6 個線條圖示就是以 8× 一次打包下載的。

SVG 轉 PNG 指南：尺寸、字型、格式和 DPI

轉換的原理，以及怎樣轉出清晰的圖。

SVG 比 PNG 畫質更高嗎？

兩者沒有高低之分，只是原理不同。SVG 用繪圖指令記錄形狀，放大多少倍都清晰；PNG 記錄固定的像素網格，但到處都能開：簡報、文件、聊天軟體和上傳表單都能用。PNG 無損、能保留透明，只要以夠大的尺寸做 SVG 轉 PNG，就看不出任何損失。

SVG 轉 PNG 高解析度：怎麼設定尺寸

SVG 沒有固定的像素尺寸。工具會讀取它的寬高，mm、cm、in、pt 按每英吋 96 像素換算；沒有寬高就用 viewBox。預設 2×，Retina 螢幕上文字依然銳利；需要更大就選 4×、8× 或輸入像素。形狀依新尺寸重新繪製，邊緣始終清晰。既沒有寬高也沒有 viewBox 的檔案，會以標準的 300 × 150 繪製，說明裡會告訴你怎樣設定尺寸。

SVG 轉 PNG 時，文字怎麼保留字型

電腦上已安裝的字型可以直接使用。透過 @import 引用的 Google Fonts 等網頁字型，會先下載並嵌入再繪製，字形不走樣。中文字型這類拆成很多分片的字型，只會下載文字實際用到的部分。每個檔案下面的說明都會列出用到的字型。字型放在私人伺服器上時，匯出 SVG 前先把文字建立外框，每個字都分毫不差。

流程圖、連結圖片和 CSS

draw.io 把標籤放在 foreignObject 裡，也就是 SVG 裡內嵌的一段 HTML；用瀏覽器繪製，每個標籤都留在原位。連結的圖片會先下載並嵌入，說明裡列出檔案用到的每張圖。和 SVG 一起存在電腦上的圖片，請嵌入檔案或改用網址連結；http 網址改成 https，在任何安全頁面上都能載入。

透明 PNG、JPG、WebP 還是 PSD，以及 DPI

預設格式是 PNG，SVG 轉 PNG 會保留透明。JPG 會用白色或你選的顏色填滿背景。WebP（瀏覽器支援時可選）檔案更小，也能保持透明。PSD 把每個頂層群組放進各自的圖層。DPI 不會增加像素，只決定列印尺寸。A5 紙寬 148 公釐，以 300 DPI 列印，寬度就設成 1748 像素。邊距可選 8 到 64 px，在圖片四周留出空白。

SVG 轉 PNG 的常見用途

需要 SVG 轉 PNG 的常見情境。

  • 網站和文件裡的 Logo

    2× 透明 PNG Logo，用在網站、簡報和電子郵件裡。

  • App 和網頁圖示

    整組圖示一次批次轉換，打包成 ZIP。只有 viewBox 的圖示會依 viewBox 決定尺寸。

  • 文件裡的流程圖

    draw.io 流程圖保留全部標籤，放進知識庫和報告。

  • 列印和 Photoshop

    海報按 300 DPI 輸出，或匯出分層 PSD 繼續編輯。

SVG 轉 PNG 常見問題

關於免費使用、透明背景、解析度、字型、批次、隱私、尺寸和 PSD。

現在就開始 SVG 轉 PNG

放入 SVG 檔案，選好尺寸後下載。免費，在你的裝置上轉換。

立即試用