JA EN ZH

Data URL

一种将二进制数据以 Base64 编码字符串嵌入 URL 的方案,常用于在 HTML 或 CSS 中内联小图像以减少 HTTP 请求。

Data URL (Data URI) 以 data:[MIME 类型];base64,[编码数据] 的格式将二进制数据表示为字符串。它允许在 HTML 或 CSS 中直接嵌入图像而无需 HTTP 请求,适用于小图标和占位图。

Base64 编码会使数据膨胀约 37%,因此对于超过几 KB 的图像,Data URL 效率较低。一般建议仅对 2-3 KB 以下的图像使用。Canvas API 的 toDataURL() 方法可将渲染内容导出为 Data URL。

Blob 相比,Data URL 更易于存储在 localStorage 或嵌入 JSON 中(因为它们是纯字符串),但内存效率较低。对于批量图像处理,通过 URL.createObjectURL 创建的 Object URL 性能更佳。图像压缩工具可能使用 Data URL 进行快速预览渲染。

Related Terms

Related Articles