开发者 / 编码
Data URI生成器
将任意文件转换为Data URI，提供可直接粘贴的CSS和HTML代码片段、适用于SVG的更小URL编码选项，以及编码后文件的大小增幅。
Data URI生成器: Data URI（RFC 2397）会将文件内容直接放入链接或样式表中，从而省去单独的请求。Base64编码会将每3个字节转换为4个字符，因此文件大小会增加约三分之一；SVG本身是文本，因此也可以进行百分号编码，只转义%、#、<和>等字符，通常占用空间更小。 完全在浏览器中本地运行，文件不会上传到服务器。
- 类别
- 开发者工具
- 使用次数
- 在浏览器中
- 费用
- 免费·无需注册
- 可用性
- 可直接使用
完全在浏览器中运行
文件会在浏览器中读取，绝不会上传。
data URI的适用场景
数据URI可用于img src、CSS url()、图标的link href以及下载链接。浏览器会阻止页面将数据URI作为顶级页面打开；严格的内容安全策略必须允许图片或样式使用data:。
大小开销
Base64会使文件大小增加三分之一，但服务器上的文本压缩（gzip或Brotli）可以弥补其中很大一部分，因为编码后的文本容易压缩。真正的开销在于数据无法单独缓存，而且每个包含它的页面或样式表都会再次下载这些数据。
使用方法
- 选择或拖放文件；图片会显示预览。
- 对于SVG文件，选择URL编码或Base64编码。
- 复制Data URI、CSS代码片段或HTML代码片段。
隐私与限制
文件会在浏览器中读取，绝不会上传。
相关工具
常见问题
什么时候应该使用Data URI？
适合用于只使用一次的小文件，例如几KB以内的图标。较大的文件最好单独提供，这样浏览器可以缓存文件并并行加载。
为什么要对SVG使用URL编码？
这样可以保留SVG的可读性，通常也比Base64更小；双引号会变成单引号，使结果可以放入url("…")或HTML属性中。
有大小限制吗？
现代浏览器可以在图片和样式表中接受大小达几MB的Data URI，但过大的Data URI会减慢解析速度，并使网页变得臃肿。
免费工具·使用在浏览器中次·无需账户