图片转Base64

将图片转换为Base64编码的Data URI,或将Base64字符串解码还原为图片文件。

编码解码 · ToolBox

工具介绍

把小图标、占位图直接转成 Base64 字符串内嵌到 CSS 或 HTML 里,可以减少一次网络请求,加快首屏加载。这个工具能把 PNG、JPEG 等常见图片转成带 Data URI 前缀的编码,反过来也能把 Base64 字符串还原成图片文件下载。前端优化页面性能、编写邮件模板嵌入图片、制作离线文档内嵌素材时都会用到。上传即转,编码结果可直接复制进代码。

使用步骤

  1. 点击上传或将要转换的图片文件拖入页面
  2. 工具自动生成 Base64 编码和完整的 Data URI 字符串
  3. 复制编码结果粘贴到代码中,或使用解码功能还原图片并下载

常见问题

支持哪些图片格式?

支持 PNG、JPEG、GIF、WebP 等常见格式,生成的 Data URI 会自动带上对应的 MIME 类型前缀。

图片转 Base64 后体积会变大吗?

会,Base64 编码后体积约增加三分之一,建议只对几 KB 的小图标采用这种方式内嵌,大图仍应走普通文件引用。

还原图片时需要注意什么?

粘贴的 Base64 字符串需要完整,带不带 data:image 前缀一般都能识别,但被截断或损坏的字符串无法正确还原。