图片转Base64
将图片转换为Base64编码的Data URI,或将Base64字符串解码还原为图片文件。
编码解码 · ToolBox
工具介绍
把小图标、占位图直接转成 Base64 字符串内嵌到 CSS 或 HTML 里,可以减少一次网络请求,加快首屏加载。这个工具能把 PNG、JPEG 等常见图片转成带 Data URI 前缀的编码,反过来也能把 Base64 字符串还原成图片文件下载。前端优化页面性能、编写邮件模板嵌入图片、制作离线文档内嵌素材时都会用到。上传即转,编码结果可直接复制进代码。
使用步骤
- 点击上传或将要转换的图片文件拖入页面
- 工具自动生成 Base64 编码和完整的 Data URI 字符串
- 复制编码结果粘贴到代码中,或使用解码功能还原图片并下载
常见问题
支持哪些图片格式?
支持 PNG、JPEG、GIF、WebP 等常见格式,生成的 Data URI 会自动带上对应的 MIME 类型前缀。
图片转 Base64 后体积会变大吗?
会,Base64 编码后体积约增加三分之一,建议只对几 KB 的小图标采用这种方式内嵌,大图仍应走普通文件引用。
还原图片时需要注意什么?
粘贴的 Base64 字符串需要完整,带不带 data:image 前缀一般都能识别,但被截断或损坏的字符串无法正确还原。