什么是 Data URL？
Data URL 是一种 URI 方案，允许将小型数据项内联嵌入到网页文档中，就像它们是外部资源一样，使用 Base64 编码将二进制数据直接表示在 URL 字符串中。
快速了解
| 全称 | Data URL (数据 URI 方案) |
|---|---|
| 创建时间 | 2026-02-01 |
| 规范文档 | 官方规范 |
Data URL 工作原理
Data URL，也称为 Data URI，提供了一种在网页中内联包含数据的方式，就像它们是外部资源一样。该方案遵循 'data:[<mediatype>][;base64],<data>' 格式，其中 mediatype 指定 MIME 类型，data 部分包含实际内容。对于图像等二进制数据，使用 Base64 编码将二进制内容转换为 ASCII 字符。Data URL 消除了单独的 HTTP 请求需求，减少了小型资源的延迟，但由于 Base64 编码开销（大约比二进制大 33%），会增加文档大小。
主要特点
- 格式：data:[<mediatype>][;base64],<data>
- 消除额外的 HTTP 请求
- Base64 编码增加约 33% 的大小
- 所有现代浏览器都支持
- 无法与包含文档分开缓存
- 最大长度因浏览器而异（通常 2MB 以上）
- 适用于小型图像、字体和 CSS 背景
常见用途
- 在 CSS 或 HTML 中嵌入小型图像
- 在样式表中内联 SVG 图标
- 单文件 HTML 文档
- 带有嵌入图像的电子邮件 HTML 模板
- 减少 HTTP 请求以提高性能
示例
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA...