Data URI

 

    前言：

 

本文部分内容来自 《随网之舞的Data URI 和 MHTML》

 

本人做积累学习用，感谢作者！

 

 

    正文：

 

data:[<MIME-type>][;base64],<data>

 

• MIME-type：嵌入数据的MIME，形式：[type]/[subtype]；比如png：image/png
• base64：数据的编码是base64的

   举例：

 

data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDg.....

 

   优势：

 

• 减少了HTTP请求
• 小文件的话，带宽也会降低

    

   劣势：

 

• 需要解码和显示，有点消耗
• 不支持压缩
• 不能单独缓存
• 不能重复利用，一个页面的多个地方，需要重复多次

 

   工具：

 

    http://dancewithnet.com/lab/2009/data-uri-mhtml/create.php

 

 

   支持情况： 

 

• IE6-7不支持
• IE8有限制：http://msdn.microsoft.com/en-us/library/cc848897%28VS.85%29.aspx

 

    扩展阅读：

 

    http://dancewithnet.com/2009/08/15/data-uri-mhtml/