開發者 / 編碼
Data URI 產生器
將任何檔案轉換成 Data URI，提供可直接貼上的 CSS 和 HTML 程式碼片段、適用於 SVG 的較小 URL 編碼選項，以及編碼後檔案增加的大小。
Data URI 產生器: Data URI（RFC 2397）會將檔案內容直接放入連結或樣式表中，省去額外的請求。Base64 編碼會將每 3 bytes 轉換成 4 characters，因此檔案大小約增加三分之一；SVG 是文字格式，也可以改用百分比編碼，只跳脫 %、#、< 和 > 等字元，通常能縮小檔案大小。 全程在瀏覽器中於本機執行，檔案不會上傳至伺服器。
- 分類
- 開發者工具
- 使用次數
- 在瀏覽器中
- 費用
- 免費・免註冊
- 可用狀態
- 可立即使用
全程在瀏覽器中執行
檔案會在瀏覽器中讀取，絕不會上傳。
Data URI適用的地方
Data URI適用於img src、CSS url()、圖示的link href，以及下載連結。瀏覽器會阻止頁面將data URI作為頂層頁面開啟，而嚴格的Content Security Policy必須允許圖片或樣式使用data:。
大小額外負擔
Base64會讓檔案大小增加三分之一，但伺服器上的文字壓縮（gzip或Brotli）可以省回其中大部分，因為編碼後的文字很容易壓縮。真正的代價在於資料無法獨立快取，而且每個包含該資料的頁面或樣式表都會再次下載。
使用方式
- 選擇或拖放檔案；圖片會顯示預覽。
- 對於 SVG 檔案，選擇 URL 編碼或 Base64 編碼。
- 複製 Data URI，或複製 CSS 或 HTML 程式碼片段。
隱私與限制
檔案會在您的瀏覽器中讀取，絕不會上傳。
相關工具
常見問題
什麼時候適合使用 Data URI？
適合用於只使用一次的小型檔案，例如幾 KB 以下的圖示。較大的檔案最好分開提供，讓瀏覽器能夠快取並平行載入。
為什麼 SVG 要使用 URL 編碼？
這能讓 SVG 保持可讀性，而且通常比 Base64 小；雙引號會轉成單引號，讓結果能放入 url("…") 或 HTML 屬性中。
有大小限制嗎？
現代瀏覽器可在圖片和樣式表中接受數 MB 的 Data URI，但大型 Data URI 會拖慢解析速度，也會讓網頁變得很龐大。
免費工具・使用在瀏覽器中次・免註冊