网页渲染图片的常用做法是在img标签中src属性为一个图片的url地址，由浏览器去下载、缓存、渲染。但这样的话就需要事先将图片进行保存起来，而有些临时性的图片是不需要保存的，就可以在前端中以二进制的方式去渲染该图片即可。
如上面例子中的src属性则就是在前端对二进制进行渲染的。
data表示取得数据的协定名称，image/png 是数据类型名称，base64 是数据的编码方法，逗号后面就是这个image/png文件base64编码后的数据。
目前支持的数据类型有：
data:,文本数据
data:text/plain,文本数据
data:text/html,HTML代码
data:text/html;base64,base64编码的HTML代码
data:text/css,CSS代码
data:text/css;base64,base64编码的CSS代码
data:text/javascript,Javascript代码
data:text/javascript;base64,base64编码的Javascript代码
data:image/gif;base64,base64编码的gif图片数据
data:image/png;base64,base64编码的png图片数据
data:image/jpeg;base64,base64编码的jpeg图片数据
data:image/x-icon;base64,base64编码的icon图片数据
Base64编码是从二进制到字符的过程，可用于在HTTP环境下传递较长的标识信息。采用Base64编码具有不可读性，需要解码后才能阅读。
目前，IE8、Firfox、Chrome、Opera浏览器都支持这种小文件嵌入。
使用python将二进制数据转换为Base64编码
import base64# img_byte为图片二进制数据img_bs64 = base64.b64encode(img_byte).decode('utf-8')# img_bs64为图片bs64的数据 更多管base64编码格式的转换：
Python如何实现图像的二进制与base64互转 - 开发技术 - 亿速云 (yisu.com)
https://www.yisu.com/zixun/692252.html