SVG 轉 PNG

📖 工具介紹

SVG 是矢量格式，放大不模糊，但很多場景只認位圖：公衆號封面、PPT 插圖、印刷稿、社交平台頭像，都不接受 .svg 檔案。這個工具把 SVG 直接在瀏覽器裏光柵化成 PNG、JPEG 或 WEBP，不用裝軟體也不用上傳到服務器。

你把 SVG 源碼粘進來，或者上傳一個 .svg 檔案，選好輸出尺寸和清晰度倍數，點生成就能下載。2x、3x 倍數是給高清屏和印刷準備的，輸出像素是按倍數翻倍的，不是把小圖拉大。

矢量圖裏沒有像素，所以「多大」這件事由你決定。工具會先讀出 viewBox 或 width/height 得到圖形的天然比例，預設按這個比例給尺寸，你也可以手動改。

整個過程在本地完成，SVG 源碼不上傳，公司 logo、未發佈的設計稿都能放心處理。

✨ 功能特點

• 讀取 viewBox 或 width/height 自動算出原始尺寸，不用你猜圖形多大。
• 支持 1x / 2x / 3x / 4x 清晰度倍數，輸出真正的像素翻倍而不是插值放大。
• 輸出格式可選 PNG、JPEG、WEBP，覆蓋投稿、印刷、網頁三類場景。
• 背景可設透明、純白或任意顏色，PNG 透明背景能直接疊在深色底圖上。
• 寬高比鎖定：改寬度自動換算高度，避免圖標被拉扁或拉長。
• JPEG / WEBP 可拖品質滑塊，在體積和畫質之間自己權衡。
• 生成後直接給出輸出尺寸和檔案體積，方便判斷是否符合平台要求。
• 支持一鍵複製圖片到剪貼板，不用來回下載再貼上。
• 可以上傳本地 .svg 檔案，省去打開編輯器複製源碼的步驟。
• 純瀏覽器渲染，SVG 源碼和圖片都不上傳服務器。

🚀 使用方式

1. 把 SVG 源碼貼上到輸入框，或點上傳選擇本地 .svg 檔案。
2. 確認輸出寬度和高度，需要保持比例就勾選鎖定寬高比。
3. 選擇清晰度倍數，高清屏或印刷建議 2x 以上。
4. 選擇輸出格式與背景處理方式，JPEG/WEBP 可調品質。
5. 點生成圖片，預覽確認後下載或複製到剪貼板。

⚠️ 注意事項

• 透明只屬於 PNG：選了 JPEG 或 WEBP 時背景一定會被填充，透明區域會變成所選顏色，預設會提示你確認。
• 外鏈資源畫不出來：SVG 裏如果引用了外部字體或跨域圖片，瀏覽器會拒絕渲染，輸出可能是空白，需要先把資源內聯進 SVG。
• 超大尺寸會喫記憶體：8000px 以上或 4x 倍數的輸出會佔用較多記憶體，老設備可能卡頓，建議分段處理。
• 中文文字依賴本機字體：SVG 裏的文字用系統字體渲染，換一臺電腦字體可能不同，重要標題建議先轉成路徑。
• 動畫只取第一幀：帶動畫的 SVG 會渲染成靜態圖，取的是初始狀態，不是動畫中間某一幀。
• 濾鏡和混合模式有差異：複雜的 SVG 濾鏡在不同瀏覽器渲染結果可能略有差別，輸出前請預覽確認。