跳到主要內容

SVG 轉 PNG、PNG 轉 SVG

在瀏覽器中將 SVG 檔案轉成任意大小的清晰 PNG,也能把 PNG 或 JPG 描繪成 SVG 向量圖,轉換全程在你的裝置上完成。

將 SVG 檔案拖放到這裡或點擊瀏覽檔案・也可按 Ctrl+V 貼上 SVG 程式碼
選擇 SVG在你的裝置上處理,不會上傳
在瀏覽器中執行・不需上傳運作方式

SVG ↔ PNG 轉換器 使用方法

  1. 1

    載入 SVG

    將一個或多個 .svg 檔案拖放進來,或在頁面任何位置貼上 SVG 標記,也可以輸入到程式碼框中,再按「轉譯 SVG」。

  2. 2

    選擇輸出大小

    可選擇 SVG 原始大小的 1×、2×、4× 或 8×,也可以輸入最大 16,384 像素的精確寬度,高度會自動配合。

  3. 3

    選擇格式與背景

    PNG 會保留透明背景;JPG 和 WebP 提供品質滑桿,任何格式都可以用顏色填滿背景。

  4. 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 標誌描繪成乾淨的向量路徑。

SVG ↔ PNG 轉換器:常見問題

如何將 SVG 轉成透明背景的 PNG?
格式維持 PNG、背景維持預設的透明,然後下載即可。SVG 沒有繪製的區域在 PNG 中會完全透明,半透明填色與柔邊也會保留 Alpha 值。JPG 無法儲存透明度,所以選 JPG 時,空白處會填上白色或你在「背景」中選的顏色。
SVG 應該用多大的尺寸匯出?
用於網頁時,建議匯出為實際顯示大小的 2×,例如 300 像素的版位就匯出 600 像素寬,在高像素密度螢幕上才會清晰。應用程式圖示與商店頁面通常要求 512 或 1024 像素的正方形。列印則將英寸寬度乘以 300。向量圖在每種尺寸都會重新繪製,放大匯出只會更大,不會變模糊。
為什麼 SVG 裡的字型或圖片顯示不正確?
以圖片方式繪製的 SVG 無法下載任何內容,所以從 Google Fonts 或其他伺服器連結的字型,以及以 URL 引用的圖片都不會出現,文字會改用你裝置上已安裝的字型。請在設計軟體中將文字轉成外框或路徑,或把字型與圖片嵌入為 base64 資料,重新匯出 SVG 後再到這裡轉譯。
可以一次轉換多個 SVG 檔案嗎?
可以。你可以拖放任意數量的 SVG 檔案,它們會列在清單中,並預覽選取的那一個。大小、格式和背景設定會套用到全部檔案,所以整組圖示可以一次以 4× 匯出。下載時會產生 svg-to-png.zip,每個 PNG 都以原檔名與最終像素尺寸命名。
為什麼 PNG 的大小和我預期的不一樣?
基準大小取自 SVG 的 width 和 height 屬性,並以每英寸 96 像素換算,再乘以倍率。如果 SVG 只有 viewBox,就直接把其中的數字當作像素;兩者都沒有時,瀏覽器會假設為 300 × 150。若想不受檔案影響而得到精確大小,請選擇 px 選項並輸入需要的寬度,高度會維持比例。

此工具的其他用途

全部圖片工具