图片编码 Base64 与 DataURI

1、DataURI,通常就被叫做DataURL,是因为图片被base64编码之后,这串码可以用浏览器直接打开,类似于一个网站URL

2、DataURI的格式:

                             data:[] ( [;charset=] ) [;base64],码内容

                    标识头,            展现方式                 编码设置

      证明是一个DataURI        text/plain   文本         有默认值

                                           image/png   图片         一般可不写

3、DataURI 的好处:

    减少http请求,

    可直接写入css中src,

    没有清理缓存的问题

4、DataURI 的弊端:

    不会被缓存,但是代表每次都要重新下载一次

    增加了css文件的尺寸

    数据体积比二进制格式的图片要更大,虽然服务端有gzip压缩,但是效果一般

    解码耗CPU,在移动端不宜多用

5、DataURI 适用:

   不能生成css spirite(雪碧图)的

   很少被更新的

   实际尺寸很小的

   大规模适用的

    举例: 一般多用于背景,一些线条元素

6、DataURI  与 Base64 关系:

    Base64: 将数据用64个字符进行编码的方式,只要数据为二进制的都可以被编码,适用于文本,图片等。

                  原理:3×8 = 4×6 。 将原来每8bit,即一字节的,拆分成4个6bit的,再填0变成8bit,所以相当于

                            每3位变成了4位,增加了1/3的尺寸。

                  作用:编完码后,文本,图片都变成了流stream的感觉,可以用于传输。

   DataURI:将编码放入DataURI进行展现,全称为DataURI scheme,是一种展现,承载Base64的体系。

你可能感兴趣的:(乱七八糟)