圖片轉Base64

將任何圖像轉換為 Base64 編碼的資料 URI，以便嵌入 HTML 或 CSS 中。

上傳圖片

點擊或拖曳圖像檔案至此處上傳

1 張圖片 · 最大 2MB
輸出
0 字元

圖片轉 Base64

該工具將圖像檔案轉換為 Base64 編碼的資料 URI 字串。您可以將此字串直接嵌入到 HTML 或 CSS 中，從而無需單獨的圖像檔案請求。

Base64 編碼使資料大小增加約 33%，因此它最適合用於圖示和標誌等小圖像，而不是大照片。

檔案會在瀏覽器中本機讀取。圖片不會上傳到伺服器，工具限制一次處理 1 張、最大 2MB 的圖片，以維持穩定效能。

如何使用

  1. 將圖像檔案拖曳到上傳區域，或按一下選擇。
  2. Base64 編碼的資料 URI 將顯示在下面的文字編輯器中。
  3. 使用複製複製結果或儲存下載為文字檔。

在 HTML 中嵌入圖像

您可以直接在 HTML img 標籤中使用 Base64 資料 URI： <img src="data:image/png;base64,...">

在 CSS 中，您可以使用背景圖像的資料 URI：background: url('data:image/png;base64,...')

用Python轉換

使用 Python 將映像轉換為 Base64：

import base64
from PIL import Image

with open('image.png', 'rb') as f:
    encoded = base64.b64encode(f.read())
data_uri = 'data:image/png;base64,' + encoded.decode()