什么是 Data URL?

本文阅读 1 分钟
首页 前端笔记 正文

Data URL 是将图片转换为 base64 直接嵌入到了网页中,使用这种方式引用图片,不需要再发请求获取图片。 使用 Data URL 也有一些缺点:

base64 编码后的图片会比原来的体积大三分之一左右。
Data URL 形式的图片不会缓存下来,每次访问页面都要被下载一次。可以将 Data URL 写入到 CSS 文件中随着 CSS 被缓存下来。

Data URL 是前缀为data:协议的 URL; 它允许内容创建者向文档中嵌入小文件,比如图片等。 Data URL 由四部分组成:

前缀data:
指示数据类型的 MIME 类型。例如image/jpeg表示 JPEG 图像文件;如果此部分被省略,则默认值为text/plain;charset=US-SACII
如果为非文本数据,则可选 base64 做标记
数据

data:[mediatype][;base63], data
解压密码: detechn或detechn.com

免责声明

本站所有资源出自互联网收集整理,本站不参与制作,如果侵犯了您的合法权益,请联系本站我们会及时删除。

本站发布资源来源于互联网,可能存在水印或者引流等信息,请用户自行鉴别,做一个有主见和判断力的用户。

本站资源仅供研究、学习交流之用,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担。

HTML 中的 input 标签有哪些 type
« 上一篇 05-29
如何实现一个 loading 动画,可用 css 或 svg
下一篇 » 05-29

发表评论