关于DataURI

Data URI

Data URI是由RFC 2397定义的一种把小文件直接嵌入文档的方案。格式如下：

data:[<MIME type>][;charset=<charset>][;base64],<encoded data>

其实整体可以视为三部分，即声明：参数+数据，逗号左边的是各种参数，右边的是数据。

声明：data:是URI的协议头，表明其资源是一个data URI；

参数：

1. MIME type，表示数据呈现的格式，即指定嵌入数据的MIME。对于PNG的图片，其格式是：image/png，如果没有指定，默认是：text/plain；
2. character set(字符集）大多数被忽略，默认是：charset=US-ASCII。如果指定是的数据格式是图片时，字符集将不再使用；
3. base64，这一部分将表明其数据的编码方式，此处为声明后面的数据的编码是base64，我们可以不必使用base64编码格式，如果那样，我们将使用标准的URL编码方式（形如%XX%XX%XX的格式）；

数据：这个encoded data部分为实际的数据，可能包含空格

如下：

<img src="data:image/jpeg;base64,/9j/4AAQSk.........==" alt="">

参考扩展阅读：

• 关于base64编码的原理及实现
• Data URIs
• Data URI&MHTML: 用还是不用？
• Data URI的利弊
• 手机端DataURI比外链资源慢6倍
• 译文：data URI，不是URL啊

  原文：Data URIs explained