SVGtoPNG
Live

專業SVG到PNG轉換器

立即免費將 SVG 轉換為 PNG。享受 100% 的隱私:您的文件在本地處理,永遠不會離開您的裝置。利用我們的五個自訂轉換乘數(1x、2x、3x、4x 和 8x)將您的設計提升到一個新的水平,這些乘數旨在根據您的特定要求擴展、優化和增強每個影像的清晰度。

將您的 SVG 檔案拖曳到此處或 瀏覽

支援純向量SVG程式碼(可縮放向量圖形)

SVG 轉 PNG 實用轉換指南

良好的匯出始於圖片的實際使用場景。本指南將介紹如何選擇縮放比例、準備 SVG 檔案以及在使用前檢查 PNG。

1. 從目標需求開始

在轉換之前,請檢查接收圖片的網站、文件、電子郵件系統或設計應用程式所需的像素尺寸。本工具使用所選的倍數縮放 SVG 的算繪尺寸,不提供自訂寬度和高度欄位。如果某個平台要求寬度為 1200 像素,請將該目標與 SVG 顯示的寬度進行比較,並選擇一個接近的倍數,以免產生不必要的大檔案。

2. 理解縮放係數

選項包括 1x、2x、3x、4x 和 8x。倍數同時影響寬度和高度:以 2x 算繪的 200 × 100 原始影像將變為 400 × 200 像素。像素數量隨倍數的平方增長,因此 8x 產生的像素是 1x 的 64 倍。更大的輸出會佔用更多記憶體,如果原始圖形或目標顯示器不需要,它可能不會看起來更好。

3. 為顯示器選擇合適的係數

對於標準介面圖形,1x 或 2x 通常是實用的起點;當目標佈局將影像縮小顯示時,2x 有助於高密度顯示器。僅當設計需要額外的像素尺寸時才選擇 3x 或 4x。謹慎使用 8x,因為非常大的畫布可能需要較長的算繪時間或超出瀏覽器限制。

4. 決定背景是否應透明

當 PNG 必須放置在彩色頁面、簡報或其他影像上方時,請選擇「透明」。當目標期望白色矩形或者純色背景使圖形更容易檢查時,請選擇「白色」。PNG 支援透明度,但目標應用程式可能會在棋盤格上方顯示透明像素,或者在插入影像時將其扁平化。

5. 匯出前準備 SVG

在向量編輯器中開啟來源檔案,檢查它是否具有合理的 viewBox 並且在該 viewBox 內包含可見圖形。如果設計必須在缺少這些字體的裝置上看起來完全相同,請轉換或內嵌字體。保持連結影像和外部資源可用;此瀏覽器轉換器可能無法算繪 SVG 檔案中的遠端字體、連結影像、手稿或其他外部相依性。

6. 轉換並檢查預覽

選擇一個 SVG 檔案,選擇縮放比例和背景,然後進行轉換。檢查整個圖形是否可見、文字和細線是否清晰可讀、預覽是否具有預期的背景。如果結果被裁剪,請檢查原始檔案中的 SVG viewBox 和尺寸。轉換器一次處理一個檔案,並為該檔案提供 PNG 下載。

7. 檢查像素和檔案大小

在預期環境中使用 PNG,並以其最終實際顯示的尺寸進行檢查。大像素尺寸並不能自動改善螢幕上的小圖示。如果 PNG 太大,請返回 SVG 並以較低的係數重新匯出。如果它看起來模糊,請確認目標在轉換後沒有放大較小的光柵影像。

8. 保留可編輯的來源檔案

將原始 SVG 與 PNG 一起儲存。SVG 保留了向量路徑,通常更適合後續編輯、重新上色和調整大小。對於需要光柵影像的目標,PNG 是一種方便的固定尺寸副本。保留兩者使您能夠建立不同尺寸的其他 PNG,而無需重複縮放已經光柵化的影像。

何時應該將 SVG 轉換為 PNG?

當目標環境需要像素而非向量圖時,轉換非常有用。如果目標支援 SVG 且您需要可縮放、可編輯的圖形,請保留 SVG。

某服務接受 PNG 但拒絕 SVG

某些上傳表單、內容系統和頭像工具僅接受常見的光柵格式。當按適當尺寸匯出時,PNG 在保持清晰邊緣的同時,為這些服務提供固定尺寸的影像。

電子郵件或辦公文件對 SVG 的算繪不一致

電子郵件客戶端和辦公應用程式對內嵌式 SVG 的處理方式不盡相同。在這些情况下,PNG 可以使標誌或圖表更具可預測性。請保留 SVG 原件,以便日後更新圖形。

您需要特定像素比例的快照

當交接需要已知光柵資產時,PNG 非常有用。根據 SVG 的算繪尺寸和接收規範選擇縮放比例,然後在影像檢視器中驗證產生的尺寸。

工作流程需要光柵上傳

某些表單、舊版編輯器和影像處理管線接受 PNG 但不接受向量檔案。為此工作流程轉換一個副本;如果未來可能需要編輯,請勿替換來源向量圖。

您需要在光柵圖形中使用透明度

PNG 可以保留透明像素,這在將標誌或圖示放置在不同背景上時非常有用。選取透明選項並確認目標保留了 alpha 透明度。

您正在準備列印資產

只有在檢查了印表機所需的像素尺寸或解析度後才能進行轉換。此工具提供縮放倍數而不是 DPI 控制項,更大的 PNG 無法恢復 SVG 中缺失的細節,也無法使低解析度來源更加精確。

技術基礎:轉換過程中會發生什麼

了解向量幾何圖形如何變成像素影像,有助於解釋輸出尺寸、透明度、相容性以及常見的算繪差異。

SVG 描述形狀;PNG 儲存像素

SVG 是一種基於 XML 的向量格式,用於描述路徑、形狀、文字和其他繪製指令。PNG 儲存像素的矩形網格。光柵化 SVG 意味著以選定的尺寸將這些向量指令繪製到像素網格上;匯出後,放大 PNG 可能會顯現向量源中不可見的像素。

Viewbox 與視口定義了繪圖區域

SVG viewBox 將座標系統對應到顯示的視口。如果 viewBox 缺失、不正確或大於圖形,影像可能會出現意外的空白或裁剪。當預覽取景錯誤時,請在來源編輯器中檢查 SVG 尺寸和 viewBox。

縮放會乘以每個維度

如果瀏覽器以 W 乘 H 像素算繪來源,且所選係數為 S,則畫布目標為 W × S 乘 H × S。產生的像素總數為 W × H × S²。這就是為什麼高倍數會消耗大量記憶體,也正因如此,只有在目標確實需要額外像素時才應選擇 8x。

畫布算繪由瀏覽器執行

頁面在瀏覽器中讀取所選的 SVG 檔案,從其內容建立影像,將該影像繪製到 HTML 畫布上,並將畫布匯出為 PNG。算繪行為和最大畫布尺寸因瀏覽器和裝置而異。非常大或複雜的 SVG 檔案可能需要更長的時間算繪或算繪失敗。

透明度儲存在 PNG 的 alpha 通道中

選擇「透明」時,畫布會在繪製前被清空。輸出的 PNG 可以透過其 alpha 通道保留每個像素的透明度。選擇「白色」時,轉換器會先繪製一個白色矩形,從而使源中的透明區域在匯出影像中變為白色。

PNG 壓縮是無損的,但輸出結果仍可能有所不同

PNG 對其接收的像素使用無損壓縮;這並不意味著向量到像素的算繪在每個環境中都完全相同。反鋸齒、色彩管理、字體、濾鏡和瀏覽器算繪都會影響光柵化期間產生的像素。

字體、濾鏡和連結資產會影響算繪

SVG 可能會參照未內嵌檔案中的字體或影像。它還可能使用瀏覽器實作方式不同的濾鏡或功能。為了確保可靠匯出,請內嵌或外框化重要字體、包含所需的影像,並在向量編輯器中將瀏覽器預覽與來源檔案進行比較。

瀏覽器限制和 SVG 安全性至關重要

畫布記憶體隨輸出像素數量的增加而增長,因此高倍數可能會耗盡可用記憶體。請僅轉換您信任的 SVG 檔案。此工具不會將所選來源上傳到轉換伺服器,但这並不代表對 SVG 本身進行了審核,也無法確保每個內嵌的外部參照都是無害的。轉換前,請在向量編輯器中避免使用不信任的檔案並刪除不必要的手稿或遠端參照。

技術常見問題 · 1–5

此轉換器會修改 SVG 檔案嗎?

不會。它在瀏覽器中讀取所選的 SVG 並建立一個獨立的 PNG 下載。您的原始檔案保留在您的裝置上;請將其作為可編輯的主檔案保留。

如何計算輸出尺寸?

將瀏覽器算繪的寬度和高度乘以所選係數。例如,240 × 120 在 2x 時變為 480 × 240 像素。如果 SVG 具有不尋常的尺寸或 viewBox,請驗證預覽並檢查下載的 PNG 尺寸。

8x 總是能產出更好的品質嗎?

不是。它會建立更多像素,而不是更多向量細節。當需要更大的光柵時它會有所幫助,但它也會將像素數量增加到 1x 的 64 倍,並可能消耗更多的記憶體。請選擇滿足實際目標尺寸的最小係數。

為什麼 PNG 具有空白邊距或被裁剪的圖形?

SVG viewBox 或視口可能包含多餘的空間或切斷了圖形的部分內容。在向量編輯器中開啟來源檔案,調整頁面或 viewBox 以適合圖形,儲存副本,然後再次轉換該副本。

為什麼轉換後我的文字看起來不一樣?

瀏覽器可能缺少 SVG 使用的字體,或者檔案參照了未內嵌的字體。在允許修改來源檔案的情況下,請在向量編輯器中內嵌字體或將文字轉換為路徑,然後比較結果。

技術常見問題 · 6–10

為什麼連結的影像或濾鏡遺失了?

SVG 可能依賴於外部影像、字體、濾鏡或瀏覽器無法使用或處理方式不同的功能。盡可能內嵌所需的影像和字體,簡化不支援的效果,并在轉換前在瀏覽器中測試 SVG。

我可以將背景製作成透明的嗎?

可以。轉換前選擇「透明」。該工具會在繪製前清空畫布。請在顯示透明度的編輯器中檢查下載的 PNG;有些檢視器會在白色背景上顯示透明像素,這可能會使它們看起來不透明。

我可以輸入確切的寬度、高度或 DPI 嗎?

此版本提供 1x、2x、3x、4x 和 8x 倍數。它不提供獨立的寬度和高度欄位或 DPI 設定。如果您需要確切的尺寸,請使用最接近的倍數,然後在影像編輯器中調整副本的大小。

我可以同時轉換多個 SVG 檔案嗎?

目前的介面每次操作選擇並轉換一個 SVG 檔案。請分別轉換每個檔案并在轉到下一個檔案之前檢查其輸出;此處不提供批次處理和 ZIP 下載。

接受哪些檔案?

上傳控制項針對的是 SVG 檔案。如果檔案被拒絕或算繪失敗,請確認它是有效的 SVG,並且可以在當前的瀏覽器或向量編輯器中開啟。此工具不是通用的影像格式轉換器。

技術常見問題 · 11–15

我的 SVG 檔案會上傳到您的伺服器嗎?

轉換程式碼在瀏覽器中讀取所選檔案,不會將來源檔案傳送到轉換 API。這並不能保證 SVG 不包含外部連結;在開啟前請避免使用不受信任的檔案並檢查其參照。

為什麼非常大的檔案轉換會失敗?

瀏覽器必須為每個輸出像素配置畫布。大的來源檔案結合高倍數可能會超出裝置記憶體或瀏覽器畫布限制。請嘗試較低的係數、簡化 SVG 或使用支援更大畫布的圖形應用程式進行匯出。

PNG 在列印時會清晰嗎?

這取決於實體列印尺寸和所需的解析度。此工具縮放像素尺寸但不設定列印 DPI。請向印刷廠詢問所需的像素尺寸或解析度,然後驗證產生的 PNG 是否符合這些要求。

為什麼顏色或邊緣在不同瀏覽器間會有所不同?

瀏覽器在字體可用性、反鋸齒、色彩管理和 SVG 功能支援方面可能有所不同。當一致性很重要時,請針對重複匯出使用內嵌或外框化的文字、標準的 SVG 功能以及相同的瀏覽器。

如果預覽為空白,我該怎麼辦?

確認檔案包含可見圖形、具有有效的 SVG 標記,並且使用了包含該圖形的 viewBox 和尺寸。刪除不支援的外部相依性,在瀏覽器中測試檔案,然后在放大之前重試 1x。