SVG 預覽與 Base64
在瀏覽器中預覽 SVG，並轉換為 Base64 或 Data URI，用於 CSS、HTML 與應用程式。
選擇檔案或貼上 SVG 後在此預覽
Base64 與 Data URI
載入 SVG 後在此顯示 Base64 與 Data URI
全部在瀏覽器本機處理，檔案不會上傳到伺服器。
使用說明
嵌入專案前先查看圖示與插畫效果，並在本機產生 Base64 或 Data URI。
- 選擇 SVG 檔案、拖放（桌面版）或直接貼上 SVG 原始碼。
- 在棋盤格、白底或深色背景下檢視，並調整縮放。
- 複製純 Base64、Base64 Data URI 或 URL 編碼的 Data URI。
SVG 不會離開您的裝置，預覽與編碼均在瀏覽器中完成。
常見問題
SVG 預覽如何運作？
透過安全的 Blob URL 在圖片元素中顯示，不上傳伺服器，也不會將 SVG 當作 HTML 注入頁面。
應使用哪種 Base64 格式？
API 只要編碼字串時用純 Base64；在 img src 或 CSS url() 中用 data:image/svg+xml;base64,...；小圖示在 HTML 中也可用 URL 編碼的 Data URI。
SVG 會上傳嗎？
不會，預覽與編碼均在瀏覽器本機完成。
檔案大小限制？
單一 SVG 最大 5 MB。批次壓縮請使用 SVG 優化工具。
相關搜尋
您可能也在找這些：
- svg線上預覽免費
- svg轉base64
- svg data uri產生
- svg編碼base64
- 瀏覽器svg檢視器
- 嵌入前預覽svg
- svg base64線上編碼
- svg轉data uri