极客时间返利平台，你可以在上边通过山月的链接购买课程，并添加我的微信 (shanyue94) 领取返现。

山月训练营之面试直通车服务上线了，从准备简历、八股文准备、项目经历准备、面试、面经、面经解答、主观问题答复、谈薪再到入职的一条龙服务。

# 什么是 Data URL

Issue

欢迎在 Gtihub Issue 中回答此问题: Issue 478 (opens new window)

Author

回答者: buzuosheng (opens new window)

Data URL 是将图片转换为 base64 直接嵌入到了网页中，使用<img src="data:[MIME type];base64"/>这种方式引用图片，不需要再发请求获取图片。使用 Data URL 也有一些缺点：

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

Author

回答者: haotie1990 (opens new window)

Data URLs (opens new window)

Author

回答者: hsq777 (opens new window)

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

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

data:[mediatype][;base63], data

← 9. HTML 中的 input 标签有哪些 type 11. 什么是 HTML 的实体编码 (HTML Entity Encode) →