Data URI產生器

將檔案轉換為Data URI

拖放或點擊上傳

最大 20 MB

什麼是Data URI產生器?

Data URI 產生器將檔案轉換為 base64 編碼的 Data URI,可直接嵌入 HTML、CSS 或 JavaScript。為圖示、字型等小型素材省去額外的 HTTP 請求。

使用方法

  1. 使用檔案選擇器上傳檔案(圖片、字型、SVG 或其他小型素材)。
  2. 工具自動將其編碼為 base64 並產生包含正確 MIME 類型的完整 Data URI。
  3. 複製 Data URI,用於 img src 屬性、CSS background-image 或 JavaScript 程式碼。

結果

將一個 2KB 的 favicon.png 轉換為 Data URI 後直接貼到 HTML 中——每次頁面載入少一個網路請求。

相關工具