数据URI生成器
将文件转换为Data URI格式,支持图片、字体、CSS/JS文件内联化,批量处理和压缩建议
📋 输出格式
⚙️ 压缩选项
上传文件
📁
点击选择文件或拖拽文件到这里
支持图片(PNG/JPG/GIF/WebP/SVG)、字体(TTF/OTF/WOFF/WOFF2)、CSS/JS文件
📖 使用说明
支持的文件类型:
- • 图片:PNG、JPG、GIF、WebP、SVG、ICO、BMP
- • 字体:TTF、OTF、WOFF、WOFF2、EOT
- • 文本:CSS、JavaScript、JSON、TXT、HTML、XML
输出格式:
- • Data URI:纯Base64编码的数据URI字符串
- • HTML:包含完整HTML标签的代码片段
- • CSS:包含CSS样式规则的代码片段
应用场景:
- • 邮件模板:嵌入图片避免外部链接失效
- • 离线应用:将资源内联到HTML中实现完全离线
- • CSS Sprites替代:小图标直接嵌入CSS
- • 字体嵌入:自定义Web字体内联化
优化建议:
- • Data URI会使文件体积增大约33%(Base64编码)
- • 建议仅对小于10KB的文件使用Data URI
- • 启用图片压缩可显著减小Data URI体积
- • 字体文件优先使用WOFF2格式获得最佳压缩率