tigtools

SVG 轉 PNG 轉換器

貼上 SVG 程式碼或選取 .svg 檔案,設定輸出尺寸並下載 PNG。SVG 會由您的瀏覽器轉換,不會上傳。

在瀏覽器中執行 免註冊

或將檔案拖放至此。檔案會保留在您的裝置上。

使用方式

  1. 選取 .svg 檔案(最多 5 MB),或將 SVG 程式碼貼到方框中。
  2. 選擇縮放比例(例如高密度螢幕可選 2×),或輸入確切的像素寬度。
  3. 保留透明背景,或選擇一種顏色。
  4. 確認預覽後下載 PNG;若瀏覽器支援,也可下載 WebP。

運作方式

SVG 是向量格式:以數學方式描述圖形,因此不論尺寸大小,都能清晰呈現。PNG 則由像素組成,是許多應用程式、文件、電子郵件用戶端和社群網路要求的格式。這項工具會使用瀏覽器內建的繪圖功能,依照您選擇的尺寸繪製 SVG,並將像素儲存為 PNG。

起始尺寸取自 SVG 的 width 和 height 屬性。絕對單位會換算為像素(1 in = 96 px,1 pt = 1.33 px)。如果只指定一個尺寸或兩者都未指定,則會使用 viewBox 決定比例和尺寸;若兩者都沒有,瀏覽器會使用 300 × 150。獨立檔案無法解析 100% 之類的相對值,因此會改用 viewBox。

SVG 會以圖片方式載入,這是安全呈現不受信任檔案的方式:不會執行指令碼,也不會載入連結圖片、網頁字型和 CSS 檔案等外部資源。若文字使用的字型未安裝在您的裝置上,則會以替代字型繪製。系統會先檢查 XML,因此輸入錯誤時會顯示明確的錯誤訊息,而不是空白圖片。

範例

使用 SVG 標誌製作應用程式圖示

將 viewBox="0 0 64 64" 的標誌以 1024 的寬度匯出,可得到 1024 × 1024 的 PNG,邊緣清晰,適合用於應用程式商店或 favicon 產生器。

網站用 Retina 圖片

將 1× 尺寸為 400 × 300 的插圖以 2 倍比例匯出,可得到 800 × 600 的 PNG,在高密度螢幕上依然清晰。

投影片或文件

將圖表 SVG 以 3 倍比例並搭配白色背景匯出,可產生能貼入不支援 SVG 的簡報軟體中的 PNG。

常見問題

為什麼文字使用了錯誤的字型?

以圖片方式繪製 SVG 時,不會載入網頁連結的字型。若您的裝置已安裝相符字型,則會使用該字型。若要確保字型一致,請在設計軟體中將文字轉為外框,或以 data URL 將字型嵌入 SVG。

為什麼連結的圖片沒有顯示?

為了安全起見,以圖片方式繪製 SVG 時會封鎖 SVG 內以 URL 參照的圖片。嵌入的圖片(data: URL)則可正常使用。

輸出尺寸上限是多少?

每邊最多 16,384 px,總計最多 50 百萬像素。匯出非常大型且複雜的 SVG 可能需要幾秒鐘,記憶體不足的手機也可能無法完成。

轉換來源不明的 SVG 安全嗎?

在此處繪製是安全的:以圖片方式繪製的 SVG 無法執行指令碼或載入外部資源。轉換後的 PNG 只包含像素。

隱私權

您的 SVG 會由瀏覽器解析並繪製,不會上傳、儲存或納入分析資料。