圖片轉Base64

將圖像本地轉換為 Base64 資料 URI,您可以複製到 HTML、CSS、JSON 或文字檔案中。

上傳圖片

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

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

將小圖像變成資料URI

圖片轉 Base64 會在瀏覽器中讀取一張圖片,並返回完整的 data: URI。 當獨立圖片檔案不方便時,可將結果貼入 HTML、CSS、JSON 或其他純文字內容。

Base64 不是壓縮。它通常會將編碼資料增加約33%,加上MIME前綴,例如data:image/png;base64,。保留小圖示、佔位符和獨立片段,而不是大照片。

該檔案在本地讀取,並限制為一張最大 2MB 的圖像,以實現可預測的效能。嵌入資料 URI 可以避免單獨的請求,但它們也使 HTML/CSS 更難以快取和編輯。

如何使用

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

什麼時候該使用影像 Base64?

Image Base64 對於必須在單一 HTML、CSS、JSON 或文字檔案中傳輸的小型資源非常有用。

對於較大的資源使用普通圖像文件,以便瀏覽器可以單獨快取它們。由於 Base64 擴展了資料並將所有圖像元資料保留在編碼位元組內,因此在嵌入之前請檢查大小和隱私。

用Python轉換

編程轉換讀取圖像字節,對它們進行 Base64 編碼,並添加正確的資料 URI 前綴:

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()

MCP 整合

MCP(Model Context Protocol,模型上下文協議)讓 AI 代理和應用可以探索並呼叫 Coding.Tools 工具,用於可重複的轉換、格式化、雜湊和產生工作流程。

MCP 工具名稱: image-to-base64

MCP 端點: https://coding.tools/mcp

請先呼叫 tools/list。每個工具項目都包含 inputSchema、outputSchema 和 examples,AI 代理或客戶端可據此建立有效參數,不需要猜測。

呼叫 tools/call 後,result.content[0].text 是顯示用結果,result.structuredContent 是適合程式解析的結構化結果。工具層級失敗會回傳 isError: true;協議層級失敗會回傳 JSON-RPC error。

tools/call 請求範例:

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"image-to-base64","arguments":{"input":{"url":"https://coding.tools/assets/img/photo2pixel-demo.png"}}}}'

對於 image-to-base64,請把公開圖片 URL 作為 input.url 傳入。私有本機檔案請使用網頁介面,或先把檔案位元組轉成 Base64,並透過 options.mimeType 指定圖片類型。

大多數文字與資料工具接受 input 字串以及可選的 options。只依賴瀏覽器圖片 API 的圖片工具會用於探索,並在需要瀏覽器能力時返回網頁入口。