1.支持 PNG、GIF、JPG、BMP、ICO 圖片格式。
2.将圖片轉換為(wèi)Base64編碼,可以讓你快速地在沒有上(shàng)傳文件(jiàn)的條件(jiàn)下(xià)将圖片插入其它的網頁、編輯器(qì)中。 這對于一(yī)些小(xiǎo)的圖片是極為(wèi)方便的,因為(wèi)你不需要再去尋找一(yī)個(gè)保存圖片的地方。
3.假定生(shēng)成的代碼為(wèi)"data:image/jpeg;base64, .....",那麽你隻需要全部複制,然後在插入圖片的時候,地址填寫這段代碼即可。
4.CSS中使用:background-image: url("data:image/png;base64,,/9j/4AAQSkZJRgABAgEAYABgAAD/7gAOQWRvYmUAZAAAAAAB...");
5.HTML中使用:<img src="data:image/png;base64,,/9j/4AAQSkZJRgABAgEAYABgAAD/7gAOQWRvYmUAZAAAAAAB..." />
6.圖片轉換Base64,移動端開(kāi)發、HTML5、CSS3必備的工(gōng)具,CSS DataURI Base64 工(gōng)具。
7.将圖片轉換成base64編碼的,在網頁設計開(kāi)發中,一(yī)般用于小(xiǎo)圖片上(shàng),不僅可以減少圖片的請求數量(集合到(dào)js、css代碼中),還(hái)可以防止因為(wèi)一(yī)些相(xiàng)對路(lù)徑等問題導緻圖片404錯(cuò)誤。
友(yǒu)情鏈接: 豫唐網絡