Data URI scheme通俗理解

最新推荐文章于 2022-04-20 15:23:46 发布
最新推荐文章于 2022-04-20 15:23:46 发布
阅读量686 收藏
点赞数
分类专栏： web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/uyihjigthgh/article/details/106060068
版权

Data URI scheme是一种协议、
以前在浏览器中表示图片，src可以用字符串表示。
data URI scheme通俗的来讲就是将一张图片直接塞到HTML中

<img src="https://img-blog.csdnimg.cn/2022010708182174135.png" />

这是效果图

data - 取得数据的协定名称；image/png

  • 数据类型名称。base64 - 数据的编码方法；iVBOR… - 编码后的数据

DATA URI Scheme的作用，一般就是将经过Base64编码的数据嵌入网页中，从而减少请求资源的链接数。上面的DATA URI Scheme中 base64, 后的字符就是经过base64编码后的数据，浏览器会对其解码并渲染该图片资源

零六@@@@
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Data URI scheme详解和使用实例及图片base64编码实现方法
09-28
主要介绍了Data URI scheme详解和使用实例及图片base64编码实现方法,需要的朋友可以参考下
Data URI scheme - 数据的uri模式
dilunzhuang0924的博客
06-14 138
----------------------------------------------------------------------------------------------- Data URI scheme is a URI scheme（统一资源定位符的模式）。 我们熟知的站点引用资源文件，都是类似http://www.chenwei.ws/demo.png这种的格...
data URI scheme
慎铭的博客
01-18 1354
data URI scheme（数据URI方案）是URI（统一资源标识符）方案，它提供了一种在网页中内联包含数据的方式，这些数据好像它们是外部资源一样。它目的是将一些小的数据，直接嵌入到网页中，这样就不用再从外部文件载入。常常用于把图片嵌入网页中。 语法 data:[<media type>][;base64],<data> data代表方案名称，后跟: <media type> 为可选的以部分，这部分表示媒体类型，可以有一个或多个参数，不同参数之间用;分隔。参数的格式
Data URI Scheme
PKsoft
11-29 423
Data URI Scheme,base64 一、从HTTP URI Scheme入手　　　　　　　　　　　　　　　　　　　　　　　　 对于 <a href="http://github.com">HTTP URI Scheme</a> 我想大家都应该很熟悉了，href属性值http://github.com就是HTTP URI Scheme，那么什么是DATA UR...
浏览器的Data URI 体系
zzs0618的专栏
07-06 833
网页优化的一大首要任务是减少HTTP 请求 (http request) 的次数，例如通过合并多个JS文件，合并CSS样式文件。除此之外，还有一个data URL 的密技，让我们直接把图像的内容崁入网页里面，这个密技的官方名称是 data URI scheme
.net 图片base64编码 Data URI scheme
03-29
.net 图片 base64 编码 Data URI scheme
小议Data URI scheme及其在CSS中的相关使用
09-24
主要介绍了Data URI scheme及其在CSS中的相关使用,文中主要针对其在图片显示方面的应用,需要的朋友可以参考下
Data URI和MHTML完整解决所有浏览器
09-28
Data URI和MHTML两者的配合可以完整的解决所有的主流浏览器，它们由于无法被缓存和重复利用的缺陷，所以并不适合直接在页面中使用，但在CSS和JavaScript文件中对图片适当地使用有非常大的优越性.
Data URI 应用场景小结
zdy0_2004的专栏
12-21 1943
http://www.cnblogs.com/zichi/p/5058941.html Data URI scheme 在前端开发中是个常用的技术，通常会在 CSS 设置背景图中用到。比如在 Google 的首页就有用到： Data URI scheme 简称 Data URI，经常会被错误地写成 data URLs。笔者认为通常用于将图片 base64 编码的 Data URI
Data URI scheme 实现数据的URI访问
泡泡的博客
06-30 898
网页优化的一大首要任务是减少HTTP 请求 (http request) 的次数，例如通过合并多个JS文件，合并CSS样式文件。浏览器每下载一个图档或CSS就会触发一个HTTP request，而每个HTTP流程都会额外产生HTTP Header、TCP/IP Header等​​资料量，data URI scheme则是将文件Base64编码内嵌在网页中不额外触发HTTP request，Page
服务器端发送邮件签名采用Data URI scheme包含图片
weixin_33971205的博客
07-31 94
要在服务器端基于HTML，拼接邮件内容，原来用户使用outlook采用了邮件签名，签名里含有公司Logo的图片，Outlook的msg文件里是专有的cid:xxxx,这里借用Data URI scheme，把图片嵌入HTML片段里。 http://www.cnblogs.com/XL-Liang/archive/2012/06/01/2530509.html http://www.atool....
JS魔法堂：Data URI Scheme介绍
极客神殿
11-20 346
一、前言 上周五公司内部的Any Topic Conf.上我和同事们分享了这个主题，有同事说这个有用，有同事说这个没啥用，后来还延伸到网站性能的话题上，大家讨论的激烈程度让我觉得这次选题还不错。本篇先不管到底有用与否，仅仅记录理论知识。也希望大家一起来分享实战经验啊！ 二、从HTTP URI Scheme入手 对于 HTTP URI Scheme 我想大家都应该很熟悉了，href属性值http://github.com就是HTTP URI Scheme，那么什么是DATA URI Scheme呢？其实就是形
http URI scheme与data URI scheme
xuelange的专栏
01-15 260
大家可能注意到了，网页上有些图 片的src或css背景图片的url后面跟了一大串字符，比如：data:image/png;base64,　 iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/ 　 KEAUF...
Data URI Scheme介绍及支持的类型
卿本无忧的博客
04-20 1577
什么是Data URI Scheme？ Data URI scheme简称 Data URI，是在RFC2397中定义的，目的是将一些小的数据，直接嵌入到网页中，从而不用再从外部文件载入。 或许你已经注意到，在有的网页上，图片的 src 或 css 背景图片的 url 并不是我们常见的在线图片链接，而是一大串的字符，比如像这样： data:image/gif;base64,base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAIAAAA7ljmRAAAAGElEQVQIW.
data URI scheme(图片直接保存在html页面的方法)
快乐de馒头
11-10 1625
data URI scheme data URI scheme 允许我们使用内联（inline-code）的方式在网页中包含数据，可以在Html、CSS、Javascript等中使用。 data URI scheme 经常用来将图片嵌入网页，使用如下： data URI scheme 格式如下： data:[][;base64], 这个格式比较简单，对照一下可得知，上面的 i
利用 Data URI Scheme进行XSS
weixin_30681121的博客
10-10 575
这种方法不算新，可是很少人用，也很少人能想得到。data:类似于javascript.:，在很大程度上，可以完成javascript的工作.举一个例子：进行XSS测试时，发现javascript与script等关键字都被过滤了（现在一般有点XSS意识的管理员都懂得过滤这两个关键字）。可用下面的语句：data:text/html;base64,PHNjcmlwdD5hbGVydCgieHNzIik8...
【框架-MFC】mfc命令行的解析和获取
少莫千华
07-20 913
命令行 C:\test\app.exe -1 -2
data URI scheme及其应用
技术分享
05-09 2019
data URI scheme通俗的来讲就是将一张图片直接塞到HTML中而不是通过HTTP请求去获取。这样从表面上看会减少一次HTTP的请求，实现了对于网页的优化（不过看了其他一些文章data URI因为将图片采用了base 64的编码方式进行表达，所以还是需要进行HTTP去下载内容，而且这样的渲染方式同时也加大了内存，cpu等等的压力，因此选择的时候需要进行性能方面的权衡）。 比如一张图片
jpeg 转Data URI scheme jpeg c代码
最新发布
06-03
下面是将JPEG图片转换为Data URI Scheme格式的C代码： ```c #include #include #include int main() { FILE* fp; char* data; long file_size; char* base64_data; char* data_uri; char* file_name = ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值