img src 使用 base64 图片数据

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("https://img-blog.csdnimg.cn/2022010708273056404.jpg"); }
Base64 在HTML中的使用
<img width="40" height="30" src="https://img-blog.csdnimg.cn/2022010708273056404.jpg" />

　　

 

图片在线转base64数据http://imgbase64.duoshitong.com/