img src 使用 base64 图片数据

时间:2021-01-31 13:43:06

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/