影像檔案
將影像拖放到這裡，或點擊瀏覽
JPEG、PNG、WebP、GIF、SVG、BMP、ICO——於本機處理
什麼是圖片轉 Base64？
圖片轉 Base64 會使用瀏覽器內建的 FileReader API，將圖片檔轉換成 Base64 編碼字串。輸出可格式化為原始 Base64 字串、完整的 data URI、CSS background-image 宣告，或 HTML img 標籤——視目標用途所需而定。
如何使用圖片轉 Base64
- 將影像檔案拖放到拖放區，或按一下以瀏覽。
- 選擇輸出格式：Data URI、原始 Base64、CSS background-image 或 HTML img 標籤。
- 按一下即可將結果複製到剪貼簿。
- 直接貼到 HTML、CSS、JSON 或任何其他目的地。
了解 Base64 圖片編碼 ▾
範例
輸入
logo.png (2 KB)
輸出
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...
常見使用情境
- 在 HTML 電子郵件中嵌入小型標誌
- 在 CSS 檔案中內嵌載入動畫或圖示
- 將圖片資料以 JSON 字串傳給 API
- 建立內嵌圖片、自包含的 HTML 檔案
為何使用此工具
- 四種輸出格式：data URI、原始 Base64、CSS 與 HTML。
- 顯示原始大小與編碼後大小，以及增加的百分比。
- 當圖片大到足以影響頁面效能時發出警告。
- 無需上傳檔案——一切都在你的瀏覽器中執行。
常見問題
什麼是 Base64 圖片？
Base64 是一種將二進位資料（例如圖片）編碼為純文字 ASCII 字串的方法。data URI 是加上 MIME 類型前綴的 Base64 字串，格式為 data:image/png;base64,...——可直接放在 img 標籤的 src 屬性中，或放在 CSS background-image 中，以嵌入圖片而不需另外請求檔案。
何時應使用 data URI？
data URI 適合小型圖示、標誌，或外部檔案參照可能遭封鎖的 HTML 電子郵件中的內嵌圖片。大型圖片會增加頁面重量並可能影響效能，因此請斟酌使用。
我的圖片會上傳到伺服器嗎？
不會。FileReader API 會直接在瀏覽器中編碼影像，您的影像永遠不會離開您的裝置。
Base64 圖片會變大多少？
Base64 編碼會讓資料大小增加約 33%，因為每 3 個位元組的二進位資料會變成 4 個 ASCII 字元。100 KB 的圖片轉成 Base64 字串後約為 133 KB。