Skip to main content
CheckTown

Data URI 生成器

从文本或文件生成 Data URI,用于嵌入 HTML 和 CSS

使用示例

CSS 背景

background-image: url(data:image/png;base64,...);

HTML 图片

<img src="data:image/png;base64,..." alt="embedded" />

HTML 样式表

<link href="data:text/css;base64,..." rel="stylesheet" />

了解更多

Data URI 生成器:以 Base64 内联嵌入文件

Data URI 让你可以将文件内容直接嵌入 URL。了解内联编码何时能提升性能以及如何创建它们。

什么是 Data URI?

Data URI(统一资源标识符)是一种可以将文件内容直接嵌入到 URL 字符串中、而无需链接外部文件的方案。它由 RFC 2397 定义,使用 data:[mediatype][;base64],data 的格式将内容内联编码。这样便无需再发起单独的 HTTP 请求去获取该资源。

阅读约 5 分钟阅读完整指南

常见问题