图片转 Base64
将图片转换为 Base64 编码字符串,生成可直接嵌入网页的 Data URI,支持 Data URI 与纯 Base64 两种格式切换,亦可反向粘贴 Base64 预览图片。
点击或拖拽图片到此处上传
支持 JPEG、PNG、WebP、GIF、SVG 等格式,文件不上传服务器
Base64 输出
图片预览
上传图片后将在此处预览
📖 使用说明▼
什么是 Base64 / Data URI
Base64 是一种将二进制数据编码为可打印 ASCII 字符的方式。Data URI(Data URL)是一种将文件内容直接嵌入文本的协议,格式为 data:[mimeType];base64,[base64字符串],可直接作为 <img src>、CSS url() 等的资源地址使用,无需额外的 HTTP 请求。
使用步骤
- 点击上传区域或将图片拖拽到上传区域,选择本地图片。
- 工具自动生成 Data URI 与纯 Base64 两种格式。
- 通过顶部「Data URI / 纯 Base64」切换标签查看不同格式。
- 点击对应「复制」按钮一键复制到剪贴板。
- 在反向预览框中粘贴 Base64 或 Data URI,点击「预览图片」即可还原显示。
两种格式的区别
- Data URI:带前缀
data:image/png;base64,,可直接用于 HTML/CSS。 - 纯 Base64:仅编码字符串,不含前缀,适合需要单独传输编码的场景。
反向预览说明
- 可直接粘贴 Data URI(以
data:开头)。 - 也可粘贴纯 Base64 字符串,工具会自动识别图片类型(PNG/JPEG/GIF/WebP/SVG)。
- 无法识别的格式会提示错误。
注意事项
- Base64 编码后体积约为原文件的 4/3 倍,大图嵌入会导致 HTML 体积明显增大。
- 建议仅对小图标、背景图等使用内嵌 Base64。
- 所有处理均在浏览器本地完成,图片不会上传服务器。