🔗图片转 Base64

将图片转换为 Base64 编码字符串,生成可直接嵌入网页的 Data URI,支持 Data URI 与纯 Base64 两种格式切换,亦可反向粘贴 Base64 预览图片。

🖼️
点击或拖拽图片到此处上传
支持 JPEG、PNG、WebP、GIF、SVG 等格式,文件不上传服务器
Base64 输出
长度:0 字符
长度:0 字符
图片预览
上传图片后将在此处预览
📖 使用说明

什么是 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。
  • 所有处理均在浏览器本地完成,图片不会上传服务器。