🎯 它解决什么问题?
接口返回的图片字段是一长串 Base64、CSS 里想内嵌小图标、JSON 里要传二进制内容——这些场景都需要在「二进制」和「可传输文本」之间来回倒腾。
📝 文本编解码
完整支持中文 UTF-8,不会出现乱码。
🖼️ 图片 ⇄ Base64
上传图片得到 data URL(可直接写进 HTML/CSS),粘贴 Base64 还原成图片预览下载。
📏 体积提示
自动算出 Base64 后的大小(通常比原图大约 33%)。
📋 使用步骤(三步搞定)
- 选页签:「文本编解码」「图片转 Base64」「Base64 转图片」;
- 文本页签:输入后点「编码 →」或「← 解码」;图片页签:上传/粘贴后点对应按钮;
- 复制结果,或下载 txt / 还原图片。
💡 你需要知道的细节
- 图片转 Base64 默认带
data:image/png;base64,前缀,可直接用于<img src="">;可取消只拿纯串; - Base64 转图片需要选对格式(PNG/JPG/GIF/WebP/SVG),选错会显示裂图;
- Base64 不是加密!它只是编码,任何人都能解开,别用来保护敏感信息;
- 大图(几 MB 以上)转出的字符串很长,文本框可能卡顿,建议用 <1MB 的图。
常见问题
解码中文出现乱码?
确保编码时用的就是本工具(标准 UTF-8 → Base64)。用其他工具生成的非标准 Base64 可能无法还原。
data URL 直接放 CSS 里可以吗?
可以:background-image: url(data:image/png;base64,...)。小图标(几 KB)这样做能减少请求数。
内容会上传吗?
不会,全部在浏览器本地完成。