Data URI scheme通俗理解

Data URI scheme是一种协议、
以前在浏览器中表示图片，src可以用字符串表示。
data URI scheme通俗的来讲就是将一张图片直接塞到HTML中

<img src="https://i-blog.csdnimg.cn/blog_migrate/653b61d30eb731d1c0e5392cfd18af08.png" />

这是效果图

data - 取得数据的协定名称；image/png

• 数据类型名称。base64 - 数据的编码方法；iVBOR… - 编码后的数据

DATA URI Scheme的作用，一般就是将经过Base64编码的数据嵌入网页中，从而减少请求资源的链接数。上面的DATA URI Scheme中 base64, 后的字符就是经过base64编码后的数据，浏览器会对其解码并渲染该图片资源