檔案轉 Data URI 轉換器

將檔案轉換為 Data URI 字串,方便嵌入 HTML、CSS 或 JSON,完全離線。

檔案
將檔案轉換為 Data URI 字串,方便嵌入 HTML、CSS 或 JSON,完全離線。
Data URI
將檔案轉換為 Data URI 字串,方便嵌入 HTML、CSS 或 JSON,完全離線。
Data URI
產生的 Data URI 會顯示在這裡...

什麼是 Data URI?

Data URI(也叫 data URL)可以把小檔案直接嵌入到文字中。格式:data:[mime][;charset][;base64],data

常見用途:

  • 在 HTML/CSS 中內嵌圖片或字型
  • 在 JSON/設定中保存小資源

注意:

  • 適合小檔案,過大會讓頁面變慢
  • 二進位通常使用 Base64

範例

data:image/svg+xml;base64,PHN2ZyB4bWxucz0i...

逗號前面的部分描述檔案資訊,例如 MIME 類型以及是否使用 Base64。逗號後面的部分是編碼後的檔案內容。

何時適合使用這個轉換器

  • 將本機檔案快速轉成可嵌入 HTML、CSS、JSON 或郵件範本的字串
  • 製作不需要額外託管資源的自包含示範或範例
  • 在把結果貼到其他工具之前,先檢查偵測到的 MIME 類型

實際限制

  • Data URI 更適合圖示、小圖片或短片段這類小型檔案
  • Base64 大約會增加 33% 體積,因此最終字串會比原始檔案更大
  • 字串過長時,在有長度限制的表單、設定或編輯器中貼上會比較麻煩