圖片轉base64

如何使用圖片轉base64?

  1. 選擇需要轉為base64的圖片。 
  2. 轉換的結果會顯示在下方的textarea中。 
  3. 點擊'複製'按鈕,即可複製base64格式的字串。

什麼是base64?

Base64是一種基於64個可列印字元來表示二進位資料的方法。
Base64常用於在通常處理文字資料的場合表示、傳輸和儲存一些二進位資料,包括MIME郵件,以及XML中的一些複雜資料。
圖片的BASE64編碼,就是將一張圖片資料編碼成一個字串,用字串代替圖片位址,這樣就不需要使用圖片的URL位址了。
圖片轉BASE64編碼工具提供PNG轉Base64、GIF轉Base64、JPEG轉BASE64等多種圖片格式轉換,您只需要將圖片更新到指定區域即可完成操作!

Base64格式

data:[][;charset=][;base64], 

CSS中Base64的使用

.base64Img{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqIAAACrCAYAAAC9kf4SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA...."); } 

HTML 中的 Base64 用法

<img width="200" height="200" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqIAAACrCAYAAAC9kf4SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA...." />