Data URI 產生器
免費線上 Data URI 產生工具，檔案轉 Base64 內嵌
📎點擊或拖放檔案以產生 Data URI支援圖片、字型、SVG、PDF 等
什麼是 Data URI？
Data URI 使用格式 data:[mimeType];base64,[data] 將檔案資料直接嵌入 URL 中。這允許你在 HTML、CSS 或 JavaScript 中直接嵌入小圖片、字型或檔案，無需外部檔案引用。Data URI 消除了小資源的額外 HTTP 請求。
如何產生 Data URI
上傳檔案（圖片、字型、SVG 等）。工具產生 Data URI 字串。使用「複製為 CSS」取得 background-image 屬性，或「複製為 HTML」取得 <img> 標籤。Data URI 最適合 10KB 以下的檔案。
▶何時應該使用 Data URI 而非外部檔案？
Data URI 適用於小資源（10KB 以下），如圖示、小圖片或字型。對於較大檔案，帶快取的外部檔案更高效。CSS 中過多的 Data URI 會減慢渲染速度。
▶Data URI 在所有瀏覽器中都能用嗎？
是的，所有現代瀏覽器都支援 Data URI。非常舊的瀏覽器（IE8 及以下）有 32KB 的大小限制，但這與現代應用無關。