前言：


 

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

 

 

    正文：

 

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

 

 

   支持情况： 

 

 

    扩展阅读：

 

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