圖片轉 Base64
將圖片檔案編碼為 Base64 文字字串,以便嵌入程式碼中。
免費 - 無需註冊 - 在你的裝置上執行
你的檔案留在你的裝置上
- Data URI輸出
- HTML/CSS嵌入
- 複製到剪貼簿
- 私密編碼
圖片轉 Base64 規格一覽
- 輸入格式
- JPG、PNG、WEBP、GIF、SVG
- 輸出格式
- Base64 文字字串(Data URI)
- 最大檔案大小
- 裝置記憶體
- 批次處理
- 僅單一檔案
- 品質控制
- 直接的二進位到文字
- 中繼資料處理
- 編碼原始檔案資料
- 價格
- 免費
- 需要帳戶
- 否
圖片轉 Base64 怎麼用
- 1
新增你的圖片
新增你的圖片檔案。
- 2
複製字串
複製 Base64 字串。
- 3
貼上到你的程式碼
將其貼上到你的程式碼中。
Frequently asked questions
我什麼時候應該對圖片使用 Base64 編碼?
它最適合用於非常小的圖片,例如圖示。將大型圖片嵌入為 Base64 可能會使你的 HTML 或 CSS 檔案非常大且載入緩慢。
這會改變圖片品質嗎?
不會。Base64 只是表示完全相同圖片資料的一種不同方式。當瀏覽器解碼時,圖片看起來會完全相同。
我可以將 Base64 字串轉換回圖片嗎?
此工具僅執行從圖片到 Base64 字串的編碼。它不包含將文字轉換回檔案的解碼器。
在網頁開發中使用 Base64
此工具會從圖片建立 Data URI,其中包含其 MIME 類型和 Base64 內容。這對於將圖片直接嵌入 HTML、CSS 或 JSON 非常有用。
- 將圖片嵌入為 Base64 Data URI 可以減少 HTTP 請求,從而提高頁面效能。這對於小圖示或背景圖片很有效。
- 權衡之處:Base64 字串比二進位檔案大約大 33%,且無法與 HTML 或 CSS 分開快取。
完整規格
| 輸入格式 | JPG、PNG、WEBP、GIF、SVG |
|---|---|
| 輸出格式 | Base64 編碼文字字串(Data URI) |
| 最大檔案大小 | 僅受限於你的裝置記憶體 |
| 批次處理 | 否,每次執行編碼一個檔案 |
| 品質控制 | 直接的二進位到文字表示 |
| 中繼資料處理 | 編碼原始檔案資料 |
| 價格 | 免費 |
| 需要帳戶 | 否 |
Keep going with the same files
全部開發工具: SPOTTOOLS 的開發工具