SVG 轉 Base64
使用這個免費的 SVG 轉 Base64 工具，將任何 Scalable Vector Graphics（可縮放向量圖形） 圖片轉為 Base64 字串或現成的程式碼片段。 選擇本機 .svg 檔案（或貼上遠端檔案連結），挑選輸出格式，然後按下SVG 編碼為 Base64。
SVG 檔案
將 SVG 檔案拖放到這裡，或選擇檔案
如何線上轉換 SVG 轉 Base64
- 選擇本機檔案並挑選 .svg 檔案，或選擇遠端網址並貼上連結。
- 選擇輸出格式：純 Base64、Data URI、HTML 標籤、CSS、JavaScript、JSON 或 XML。
- 點擊SVG 編碼為 Base64。結果會立即顯示並附上預覽。
- 將結果複製到剪貼簿，或下載為 .txt 檔案。
關於 SVG（Scalable Vector Graphics（可縮放向量圖形））
SVG 是以 XML 為基礎的向量格式：以文字而非像素描述圖形，因此圖片在任何尺寸下都保持清晰，最適合圖示、標誌和插圖。
由於 SVG 本身就是文字，您也可以用 URL 編碼而非 Base64 嵌入，通常會更小。但若標記中含有可能破壞 CSS 或 HTML 的引號或字元，Base64 仍是最安全的選擇。
| 開發者 | 2001 年，W3C |
|---|---|
| 類型 | 向量（XML 文字） |
| 透明度 | 是 |
| 動畫 | 是（SMIL / CSS） |
| 開頭為 | <svg 或 <?xml |
輸出格式
選擇結果的包裝方式。轉換器可輸出：
- txt: 只有 Base64 字串，可直接貼到程式碼、資料庫欄位或 API 請求中。
- uri: 完整的
data:URI，可貼到瀏覽器網址列，或用在任何接受網址的地方。 - html img: 在
src中放入 Data URI 的<img>標籤。 - css background image: 使用
background-image: url(data:...)的 CSS 規則。 - html favicon: 用於內嵌網站圖示的
<link rel="icon">標籤。 - html hyperlink: 可下載或開啟內嵌檔案的
<a>連結。 - html iframe: 以內嵌方式顯示內容的
<iframe>。 - javascript image: 建立
Image物件的 JavaScript。 - javascript popup: 在新視窗開啟內容的 JavaScript。
- json: 包含檔名、MIME 類型和資料的 JSON 物件。
- xml: 資料放在 CDATA 區段中的 XML 元素。
安全嗎？結果會有多大？
您的檔案絕不會上傳：瀏覽器使用 File API 在本機讀取並轉換，即使是機密文件也會留在您的裝置上。
Base64 以 4 個字元表示每 3 個位元組，因此編碼結果約比原始檔案大 33%（再加上幾個位元組的補齊字元與 Data URI 前綴）。
常見問題
如何將 SVG 轉為 Base64？
在上方選擇您的 .svg 檔案並點擊「SVG 編碼為 Base64」。轉換器會在瀏覽器中讀取檔案，並輸出 Base64 字串或現成的 Data URI。
Base64 編碼的 SVG 開頭是什麼？
SVG 檔案編碼為 Base64 後通常以 "PHN2Zy / PD94bWwg" 開頭。作為 Data URI 時則以 "data:image/svg+xml;base64," 開頭。
有檔案大小限制嗎？
由於轉換在本機執行，因此沒有硬性限制，但非常大的檔案會產生非常長的字串。在現代瀏覽器中，約 50 MB 以內的檔案都能順暢處理。
如何將 Base64 轉回 SVG？
使用「Base64 轉 SVG」解碼器：貼上字串，即可預覽並下載原始 .svg 檔案。
留言 (0)
對「SVG 轉 Base64」有問題、想法或發現錯誤嗎？歡迎留言、為工具評分或回覆他人。
目前還沒有留言，歡迎搶先分享您的意見！