工具简介
把图片转成 Base64 后，就能以一串文本的形式直接写进 HTML、CSS 或 JSON 里，省掉一次额外的网络请求。前端做小图标内联、接口传输图片数据、写单文件 Demo 时都经常用到。
需要注意的是，Base64 编码后体积大约会增加三分之一，所以它只适合小图，大图反而会拖慢加载。
主要功能
- 图片转 Base64（DataURL），可直接粘贴进代码
- Base64 还原为图片，方便查看和保存接口里传来的数据
- 完整支持中文路径与各种图片格式
- 本地编解码，图片数据不会外传
使用步骤
- 打开图片 Base64 页面，选择「图片转 Base64」
- 拖入或点击选择图片，稍等片刻即可得到 DataURL 字符串
- 点击复制，粘贴到你的 HTML、CSS 或 JSON 中
- 如需反向操作，切换到「Base64 转图片」粘贴字符串即可还原
适用场景
- 把小图标内联进 CSS，减少页面请求数
- 在接口调试时把图片数据还原成图查看内容
- 制作单文件 HTML 演示页面，避免附带图片资源
常见问题
Base64 会让文件变大多少？
大约增加 33%。因为每 3 个字节的二进制数据会被编码成 4 个字符。所以大图不适合转 Base64，通常建议只用于 10KB 以内的小图标。
DataURL 是什么？
它是一串以 data:image/png;base64, 开头的字符串，浏览器能直接把它当作图片地址解析，因此可以直接写进 img 标签的 src 属性。
还原出来的图片能保存吗？
可以。粘贴 Base64 字符串后工具会渲染出图片，你可以直接右键另存或使用下载按钮保存。
相关工具
隐私说明
图片与 Base64 互转 在你的浏览器本地完成全部计算，你选择的文件与输入的内容都不会被上传到任何服务器，处理结束后即被释放。详细的数据处理方式请查看我们的隐私政策。