🔗Data URI 生成器
将图片、SVG、文本转换为 Base64 编码的 Data URI。可内联到 CSS background-image、HTML 邮件、无外部请求的单文件演示、小 favicon 嵌入。自动识别 MIME 类型。
🔒 浏览器内处理✓ 无水印✓ 无需注册
使用方法
- 1上传文件或输入文本。
- 2自动识别 MIME。
- 3生成 data:... 形式 URI。
- 4复制用于 CSS background、HTML img src、邮件。
常见问题
Data URI 是什么?+
`data:image/png;base64,...` 格式,将文件内容直接嵌入 URL。无需外部请求。
大小限制?+
理论上无限制,实际建议 <10KB。Base64 增加约 33%。
为何 Base64?+
安全嵌入 URI。二进制文件与 URI 特殊字符冲突,需 Base64 编码。
主要用途?+
(1) 小 CSS 背景图标,(2) HTML 邮件图片,(3) Webpack/Vite 资源内联,(4) 单文件 HTML 演示。
缺点?+
(1) 体积 +33%,(2) 浏览器无法缓存,(3) 大文件页面解析慢。