Data URI scheme

Data URI scheme是在RFC2397中定义的，目的是将一些小的数据，直接嵌入到网页中，从而不用再从外部文件载入

格式：

data:{mimeType};base64,{code}

　　data

　　　　表示取得数据的协定名称

　　{mimeType}

　　　　指格式类型

　　{code}

　　　　指图片二进制转换成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图片数据

优点：

　　节省 HTTP 请求

缺点：

　　加大网页的内容，延长了下载的时间。Base64编码的数据体积通常是原数据的体积4/3， 即Data URL形式的图片会比二进制格式的图片体积大1/3

　　

 

1.  
2. data:image/x-icon;base64, base64编码的icon图片数据