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 的大小限制,但這與現代應用無關。