跳到主要內容

SVG 轉 PNG

把 SVG 向量圖光柵化成 PNG,可自選輸出尺寸、放多大都清晰,全程在瀏覽器本機完成。

我們自己測的:真實檔案大小

設定: 輸出寬度 512 px(預設值)

測試項目轉換前轉換後變化
向量圖512×341574 B17.9 KB+3087%
這些數字告訴你

來源 SVG 只有 574 位元組的文字。在寬 512 px 下點陣化後變成 17.9 KB 的 PNG——大約 32 倍,而且從此固定在 512 px,而 SVG 本來放大到任何尺寸都是清楚的。點陣化是為了應付「不吃 SVG 的軟體」,不是為了省空間;輸出寬度要刻意選,因為它直接決定檔案大小。

2026-07-28 用 Chromium 151.0.7922.34 把這幾個檔案丟進「這一頁」實際跑出來的結果。每一頁都用同一組公開的測試檔,所以不同轉換器之間的數字可以互相比較。測試方法與原圖下載 →

SVG 轉 PNG 是什麼?

這個工具把 SVG(向量圖)光柵化成 PNG 點陣圖。因為 SVG 用數學路徑描述、可無限縮放,你可以先選好輸出尺寸再轉,放多大都清晰。整個過程都在你的瀏覽器本機完成,不上傳。PNG 是無損壓縮格式,支援透明背景,畫質不會因儲存而流失,最適合圖示、logo、含文字的截圖與去背圖;缺點是檔案通常較大。

如何使用

  1. 選擇或拖入你的 SVG 檔(可多選)。
  2. 選擇輸出寬度(高度會依比例自動計算)。
  3. 按「下載」儲存 PNG;多檔可一次打包成 zip。

為什麼要先選尺寸

SVG 是向量,本身沒有固定像素;轉成 PNG 這種點陣格式時必須決定要多少像素。若直接用 SVG 內建的小尺寸(常見於圖示,如 24×24),輸出就會很小又模糊。先選好較大的寬度再光柵化,才能得到銳利的高解析結果——這也是「svg to png high quality」真正需要的做法。

轉 PNG 前先想好「要多大」

SVG 是向量,沒有固定尺寸,放多大都清楚;PNG 是點陣,轉出來的那一刻就把尺寸「烤」死了。所以把 SVG 轉 PNG 最關鍵的一步不是格式,而是輸出解析度——匯出時的寬高太小,拿去放大就會糊。實務上:

  • 要當 favicon / app 圖示,對準目標尺寸(16、32、180、512px)匯出,別用一個尺寸硬縮放。
  • 要放簡報或印刷,寬度先抓 2–3 倍再說,寧可大不要小。
  • 透明背景會完整保留——這正是選 PNG 而非 JPG 的主因。

只是要一張能到處貼、又留住透明的點陣圖,PNG 就是標準答案。

三個出口裡最大的一個 —— 什麼時候值得付?

我們的示意圖從 574 B 變成 17.9 KB(+3087%),而同一個檔案轉 JPG 是 13.2 KB、轉 WebP 只要 6.6 KB。PNG 最大,是因為它是三個裡唯一無損的。值得付這個代價的情況很具體:①圖有透明背景要保留;②之後還會裁切、疊圖或再次匯出(有損格式每重存一次就再掉一點);③目標需要精確像素,例如 favicon 或 UI 資源。三個都不是的話,那 17.9 KB 就只是白付。順帶說明那 +3087% 的漲幅不是 PNG 浪費 —— 574 B 的來源只是幾條繪圖指令,輸出卻必須逐一列出那些指令覆蓋到的每一個像素。

常見問題

PNG 會是多大?可以改嗎?

輸出寬度預設 512 px,而這個選擇就是全部的重點:574 位元組的測試 SVG 變成 17.9 KB 的 PNG,大了 3087%。SVG 只是幾行文字,瀏覽器可以畫成任何尺寸;PNG 得存真實像素,所以檔案隨寬度的平方成長。轉之前先想清楚你真正需要的最大尺寸,把寬度設成那個值。

我的 SVG 會被上傳嗎?

不會。轉換全程在你的瀏覽器本機以 Canvas 完成,SVG 不會上傳到任何伺服器,也不會被儲存。

SVG 轉 PNG 可以放大不模糊嗎?

可以。SVG 是向量、可無限縮放;本工具讓你先選較大的輸出寬度(例如 1024 或 2048px)再光柵化,就能得到清晰的高解析 PNG。

該選多大的尺寸?

favicon 或圖示選 256–512px;一般網頁圖片選 1024px;要印刷或當大圖選 2048px 以上。尺寸越大越清晰,檔案也越大。

PNG 會保留透明背景嗎?

會。PNG 支援透明,SVG 的透明區域會被保留。

延伸閱讀

SVG 轉 PNG 怎麼做?挑對解析度才不會模糊 →

嵌入此工具

把這個工具免費放進你的網站或部落格 —— 複製下面的程式碼貼上即可(內含一條回到本站的連結)。