Base64
Image Data URL
⚠️ Large image may freez the browser
將圖像轉換為內嵌資料
使用圖像-為內嵌資料轉換工具，將圖像轉換為內嵌資料。可選擇Base64或DataURL格式。這允許將圖像直接嵌入到網頁專案中。
Image → Base64 / Data URL
Click or Drag & Drop an Image
將圖像轉換為資料 URL
1
上傳您的圖片
請點擊或將圖片拖曳到上傳區域。
2
選擇資料格式
選擇 'Base64' 或 'DataURL' 索引標籤以選擇您想要的格式。
3
查看資料連結
您的圖像的Base64或DataURL表示形式將出現在文字區域中。
4
複製生成代碼
點擊「複製」按鈕將生成的代碼複製到您的剪貼簿。
直接嵌入您的網頁專案中的圖片
將圖像直接整合到您的網頁專案中，無需管理個別圖像檔案。我們的圖像到內嵌資料工具會產生圖像的Base64或DataURL表示，有助於簡化您的工作流程並減少頁面載入時間。這種方法移除對外部資源的需求，使您的專案結構更為簡潔。
優化你的工作流程
將圖片直接嵌入網站程式碼可能對嵌入它們為Base64或DataURL格式有所幫助。這種方法將圖像整合到HTML或CSS中，消除對外部檔案的依賴。它簡化開發工作流程，並且可能通過減少外部依賴來提高頁面載入效率。
常見問題
Base64 是什麼？ DataURL 是什麼？
Base64和DataURL是將圖像表示為文字字串的方式。這允許您在HTML或CSS程式碼中直接內嵌圖像，而無需使用個別的圖像檔案。
我該如何使用產生的Base64或DataURL？
您可以使用生成的程式碼在 HTML 的 <img> 標籤或 CSS 背景圖片屬性中使用。例如，您可以使用如下方式：<img src='data:image/png;base64,...'>
為什麼我要使用Base64或DataURL？
利用內聯資料可以簡化您的專案結構，減少HTTP請求，並可能改善載入時間，尤其是在小圖案的情況下。
使用這個工具有什麼限制？
大型圖片不建議使用，因為它們會降低電腦的效能。產生的Base64或DataURL字串也可能變得相當長。
支援哪些檔案格式？
這款工具支援常見的圖片格式，例如PNG、JPG和GIF。實際支援的格式可能依您的瀏覽器而有所不同。