空间访问权限:游客, 头像访问权限:自己
[登录]后可以浏览更多信息
博客正文
【操作】
关于DataURI

https://blog.csdn.net/cherrybomb1111/article/details/68951224

 

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="">

 

3、DataURI 的好处:

    减少http请求,

    可直接写入css中src,

    没有清理缓存的问题

4、DataURI 的弊端:

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

    增加了css文件的尺寸

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

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

5、DataURI 适用:

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

   很少被更新的

   实际尺寸很小的

   大规模适用的

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

栏目划分
WEB应用程序 (29)
桌面应用程序 (9)
Windows操作系统 (12)
xNix操作系统 (5)
数据库技术 (3)
多媒体技术 (1)
硬件技术 (4)
办公软件 (2)
以史为鉴 (2)
教学反思1 (1)
奇闻趣事 (5)
其它 (11)
教学反思 (3)
电子技术 (2)
中学生科技 (3)
 
主人推荐
音象定位和音箱喇叭的排步
我国高层意向已定:制造大飞机
“运十”悲剧
日尔曼人
细说百越族
宇宙深处的秘密——星云
[强烈推荐]中华56民族FLASH完整珍藏版
一组漂亮的植物
  
游戏| 酒泉市| 浦城县| 鸡泽县| 儋州市| 保定市| 上高县| 东兰县| 吉木乃县| 清新县| 西充县| 漾濞| 合作市| 哈巴河县| 耿马| 台南县| 大方县| 涟源市| 上栗县| 延寿县| 军事| 墨竹工卡县| 三穗县| 泗水县| 定襄县| 那曲县| 泸定县| 望奎县| 稻城县| 土默特左旗| 时尚| 上虞市| 兴业县| 板桥市| 辽阳市| 枝江市| 岗巴县| 桃园县| 绥中县| 长春市| 顺义区| http:// http:// http:// http:// http:// http://