免費轉換器
SVG 轉 PNG 轉換器
將向量 SVG 檔案轉換為高品質的點陣 PNG 圖像。在瀏覽器中輕鬆自訂輸出比例和背景顏色。
拖放 SVG 到這裡
最大支援 50MB
或
將向量 SVG 檔案轉換為高品質的點陣 PNG 圖像。在瀏覽器中輕鬆自訂輸出比例和背景顏色。
最大支援 50MB
SVG（可縮放向量圖形）將影像描述為一組幾何圖元（路徑、形狀、文字、漸層），可縮放到任何尺寸而不損失品質。 PNG 以固定解析度儲存單一矩形像素網格。將 SVG 轉換為 PNG 是一個光柵化步驟：SVG 的繪圖指令以選定的像素大小進行評估，並將產生的位圖編碼為 PNG。輸出在您指定的尺寸下看起來清晰，但如果放大則會像素化。
此轉換器使用瀏覽器內建的 SVG 引擎呈現 SVG。 SVG 被載入到 Image 元素中，以選定的輸出尺寸繪製到 HTML5 畫布上，並透過 canvas.toBlob 匯出為 PNG。由於瀏覽器會進行光柵化，因此複雜的 SVG 功能（漸層、濾鏡、遮罩、作為靜態畫面的動畫）的渲染方式與在真實網頁上的渲染方式相同。
SVG 到 PNG 轉換中最重要的決定是目標大小。 SVG 與解析度無關，因此選擇與實際使用情況相符的 PNG 大小可以避免過度配置（縮圖大小的圖示的巨大檔案）和配置不足（稍後放大時輸出模糊）。常見目標：圖示為 32×32 或 64×64，標誌為 256×256 或 512×512，英雄圖形為 1024×1024，視網膜品質資源為 2048×2048。
SVG 對於網路和現代設計工具來說非常棒，但對於許多其他環境來說卻很糟糕。電子郵件用戶端呈現 SVG 的方式不一致；有些人將其視為安全風險而阻止。較舊的辦公室軟體、某些 CMS、第三方服務和幾乎所有照片列印管道根本不接受 SVG。轉換為 PNG 會產生一個普遍接受的柵格，在所選尺寸下看起來相同。
PNG 還可以可靠地嵌入到辦公室文件、幻燈片和 PDF 中，而無需依賴接收者的 SVG 渲染器。對於需要在多個平台上一致顯示的徽標和圖形，PNG 是更安全的選擇，儘管它失去了 SVG 最初具有吸引力的分辨率獨立性。
選擇您的目標尺寸，渲染。瀏覽器進行光柵化。
SVG（W3C 建議）是一種基於 XML 的向量格式，包含路徑、基本形狀（矩形、圓形、橢圓形、直線、多邊形、折線）、文字、漸變（線性漸變、徑向漸層）、濾鏡、遮罩和剪輯路徑元素。瀏覽器解析 XML、建立 DOM、套用 CSS 並在頁面渲染期間光柵化結果。
該轉換器將 SVG 載入到 HTMLImageElement 中（這會觸發瀏覽器的正常 SVG-as-image 渲染路徑），然後透過 drawImage 將其繪製到畫布上。使用canvas.toBlob('image/png') 將畫布匯出為PNG。輸出中的確切像素與 SVG 在瀏覽器標籤中以相同大小呈現的像素相符。
邊緣情況：透過 Image 元素使用時，並不總是支援使用foreignObject 的 SVG。由於 CORS，引用外部資源（xlink:href 到不同網域）的 SVG 可能無法載入。 SMIL 動畫和 JavaScript 驅動的動畫僅渲染為初始幀。