图片转 Base64
图片与 Base64 / Data URI 互转，可复制导出；编码与还原都在浏览器本地完成，图片不会上传服务器。
① 图片转 Base64
也可以把图片拖到这里
尚未选择图片
② Base64 转图片
怎么用
左边选图后自动编码，按用途选 Data URI（可直接写进 img 的 src 或 CSS 的 url）或纯 Base64，复制或导出成 .txt 都行；下面的统计会给出原文件大小与编码后的字符数。右边把 Base64 或整段 Data URI 粘进来，点「转换预览」就能还原成图片并下载，适合核对接口返回值或邮件模板里的内联图。
使用说明
把图片转换成 Data URI 或纯 Base64 字符串，也能把 Base64 还原成图片，并显示原文件大小与编码后长度；转换在浏览器本地完成，图片不会上传到服务器。
- 在左侧「图片转 Base64」点选图片或直接拖进虚线框，编码会自动开始，不需要额外点按钮。
- 「输出格式」选 Data URI（带 data:image/png;base64, 前缀，可直接写进 img 的 src 或 CSS 的 url）或纯 Base64（只保留编码内容）。
- 看输入框下方的统计：原文件体积、Data URI 字符数、纯 Base64 字符数，字符数约是字节数的 1.33 倍。
- 点「复制结果」粘贴到代码里，或点「导出 .txt」存成文本文件；文件名为原图名加 -base64。
- 反向还原时，把 Base64 或整段 Data URI 粘到右侧输入框，点「转换预览」；确认画面正确再点「下载图片」，扩展名按 mime 自动取 jpg、png、webp 或 gif。
常见问题
- Base64 会比原图大多少？
- Base64 用 64 个字符表示二进制，体积约为原始字节的 4/3，也就是增大约 33%，再算上 Data URI 的前缀会再多几十个字符。所以只建议内联小图标，大图仍用文件引用。
- 复制纯 Base64 到 CSS 里为什么不显示？
- CSS 与 img 的 src 需要完整 Data URI，纯 Base64 前面必须补上 data:image/png;base64, 这样的前缀，其中 mime 要与真实格式一致。把「输出格式」切回 Data URI 再复制最省事。
- 粘贴的字符串不完整会怎样？
- 还原会失败并提示「无法还原成图片」，常见原因是复制时被截断、夹带了说明文字或多删了字符。重新完整复制一次，或先用纯 Base64 格式导出再试。
- 支持多大的图片，会上传吗？
- 几 MB 的图会产生上百万字符，文本框会明显变卡，建议内联图片控制在 100 KB 以内。编码与还原都在浏览器本地完成，图片与字符串都不会上传到服务器。