Base64 轉換器
將圖片轉換為 Base64 數據 URL
將圖片轉換為 Base64 字符串。
Base64 轉換器
將圖片轉換為 Base64 數據 URL。
直接將圖片嵌入到 HTML、CSS、JSON 或電子郵件模板中。跳過外部文件託管並減少 HTTP 請求。非常適合圖標、Logo 和小圖形。
將圖像拖放到此處
或點擊瀏覽
文件永遠不會離開您的瀏覽器
輸出設置
選擇 Base64 的傳送方式。
工作原理
即時編碼
上傳圖像——獲取字符串。
上傳
將圖像拖放到此處。
生成Base64
我們在本地對每個圖像進行編碼，無需上傳。
複製或下載
複製到剪貼板或下載 .txt 文件的 ZIP。
使用案例
何時使用 Base64 圖像
內聯 Base64 編碼可提高性能並簡化部署的常見場景。
HTML 和 CSS 嵌入
直接在代碼中內聯小圖像，以減少 HTTP 請求並縮短初始加載時間。
電子郵件模板
在 HTML 電子郵件中嵌入徽標和圖標，使其顯示時不會出現圖像阻塞。
API集成
將圖像發送到需要 Base64 有效負載的 AI 視覺 API、雲存儲或 Webhook。
單文件應用程序
將所有資源捆綁到一個 HTML 文件中，用於離線工具、演示或便攜式文檔。
常見問題
Base64 問題
關於 Data URL 的一切。
Base64 編碼有什麼用？
Base64 將圖像轉換為文本，因此可以直接嵌入 HTML img 標籤、CSS 背景圖像屬性、JSON API 有效負載和電子郵件模板中，而無需單獨下載文件。
我應該使用數據 URL 還是原始 Base64？
使用數據 URL（帶有 data:image/...;base64 前綴）進行 HTML 和 CSS 嵌入。發送到 OpenAI Vision 等 API、上傳到雲服務或接收系統添加自己的前綴時，請使用原始 Base64。
如何在 HTML 中嵌入 Base64？
直接在 src 屬性中使用數據 URL：<img src="data:image/png;base64,..." />。這消除了 HTTP 請求，並且圖像會立即隨頁面加載。
如何在 CSS 中使用 Base64？
將其設置為背景圖像：background-image: url("data:image/png;base64,...")。非常適合需要無閃爍加載的小圖標、圖案和 UI 元素。
我的圖像是否已上傳到服務器？
不會。所有 Base64 轉換均使用 JavaScript 在瀏覽器本地進行。您的圖像永遠不會離開您的設備，從而使其 100% 私密且安全。
我可以轉換包含文件夾的 ZIP 嗎？
是的。完全支持 ZIP 上傳。當您將所有 Base64 文件下載為 ZIP 時，文件夾結構將被保留，從而使批處理變得容易。
為什麼字符串大於圖像？
Base64 編碼每個字節使用 6 位而不是 8 位，增加約 33% 的大小。
文件大小有限制嗎？
單個文件限制為 25MB，以保持瀏覽器性能流暢。為了獲得 Base64 的最佳效果，請使用 100KB 以下的圖像，以避免 HTML/CSS 臃腫。