img src 使用 base64 图片数据
在网页上显示一张图片通常是 <img src="xxx.png" > 或 <img src="www.url.com/te.png">
但是如果我们有图片base64数据;也可以使用 base64数据来在网页上显示一张图片;
格式:
<img src="data:image/bmp;base64,Qk32egAAAAAAADYE...(图片base数据)>
上面一个是 注意 图片格式: image/bmp, 这里可以使用主流的图片格式jpg,png等
后面的 Qk32 为该图片的 base64数据;
Base64格式
data:[][;charset=][;base64],
Base64 在CSS中的使用
.demoImg{ background-image: url("data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL...."); }
Base64 在HTML中的使用
<img width="40" height="30" src="data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL...." />
图片在线转base64数据http://imgbase64.duoshitong.com/