1. 程式人生 > >Base64圖片編碼(用程式碼替代圖片,有工具可以直接轉換)

Base64圖片編碼(用程式碼替代圖片,有工具可以直接轉換)

base64圖片工具介紹:

1.支援 PNG、GIF、JPG、BMP、ICO 格式。

2.將圖片轉換為Base64編碼,可以讓你很方便地在沒有上傳檔案的條件下將圖片插入其它的網頁、編輯器中。 這對於一些小的圖片是極為方便的,因為你不需要再去尋找一個儲存圖片的地方。

3.假定生成的程式碼為"data:image/jpeg;base64, .....",那麼你只需要全部複製,然後在插入圖片的時候,地址填寫這段程式碼即可。

4.CSS中使用:background-image: url("data:image/png;base64,iVBORw0KGgo=...");

5.HTML中使用:<img src="data:image/png;base64,iVBORw0KGgo=..." />

6.圖片轉換Base64,無線開發、HTML5、CSS3必備的工具,CSS DataURI Base64 工具。

7.將圖片轉換成base64編碼的,在web網上一般用於小圖片上,不僅可以減少圖片的請求數量(集合到js、css程式碼中),還可以防止因為一些相對路徑等問題導致圖片404錯誤。

 

Base64轉換編碼網址

http://imgbase64.duoshitong.com/