为什么中文 Base64 编码会乱码？
Base64 是一种把二进制数据转换成可打印 ASCII 字符的编码方案：每 3 个字节编码为 4 个字符，因此编码后的数据体积会增大约 33%。它主要解决的是"二进制数据如何在文本协议里传输"的问题，常见于接口参数、CSS/JSON 内嵌图片、邮件附件等场景。
开发中真正容易踩坑的是中文乱码，而问题并不出在 Base64 本身。Base64 只处理字节流，不关心字符含义；同样一个"中"字，UTF-8 下是 3 个字节，GBK 下是 2 个字节，编解码两端一旦字符编码不一致，还原出来的就是乱码。另一个常见报错是浏览器原生的 btoa() 只接受 Latin-1 字符，直接传入中文会抛 InvalidCharacterError，必须先做 UTF-8 字节转换再编码。
弄清楚这一点，剩下的就是找一个能正确按 UTF-8 处理的转换方式。下面以一个纯前端的在线工具为例，演示文本双向转换的完整操作，并对比 UTF-8 与 ASCII 两种模式的差异。
一、工具简介
Base64在线编码解码工具 是一款纯前端的 Base64 处理工具，支持文本编码、文本解码、文件转码三大核心功能。完整兼容 UTF-8 编码，中文文本可正确编解码，不会出现乱码。所有处理在浏览器本地完成，数据不上传服务器，接口密钥等敏感信息也能放心使用。 
二、适用场景
- 接口参数需要 Base64 编码后再传输
- 把图片转成 Base64 内嵌到 CSS 或 JSON 中
- 解码邮件附件、Data URI 中的 Base64 内容
- 排查中文 Base64 编码后出现乱码的问题
三、操作步骤
第一步： 打开 Base64编码工具 页面，你会看到顶部的模式切换区、中间的输入区和输出区，以及下方的编码选项和文件转换区。 
第二步： 在顶部选择"Base64 编码"或"Base64 解码"。编码模式把普通文本转换为 Base64，解码模式把 Base64 还原为原文。 
第三步： 在左侧输入框粘贴或输入内容，输入框下方会实时显示字符数，方便确认内容是否完整。
第四步： 在"编码选项"区配置参数。字符编码方式默认选择 UTF-8（支持中文等多字节字符），如果只处理英文和基本符号，可以切换到 ASCII。输出格式可勾选"添加换行"——每 76 字符换一行，符合 RFC 2045 风格，适合邮件等场景。 
第五步： 点击"转换"按钮，右侧输出区即时显示结果并显示字符数。点击"复制结果"直接取走。 
第六步： 如果需要把文件转成 Base64，向下找到"文件转 Base64"区域，拖拽文件到虚线框内或点击选择文件即可。支持图片、文本等任意文件类型，转换结果同样可复制。 
小技巧： 点击输入框之间的"交换"按钮，可以快速把输出内容回填到输入框，方便做二次转换或反向验证。
四、功能亮点
- 本地处理不传服务器：数据全程在浏览器内运算，接口 token、密钥等敏感内容也能安全使用
- UTF-8 完美兼容：中文文本可正确编解码，彻底告别乱码问题，也支持切换到 ASCII 模式
- 文件一键转码：支持拖拽上传图片、文本等任意文件类型，自动转为 Base64 字符串
- RFC 2045 换行支持：可选每 76 字符添加换行，适配邮件附件等对行长度有要求的场景
- 交换 + 实时字符统计：一键交换输入输出做反向验证，两侧字符数实时显示，避免内容截断
五、常见问题
Q：Base64 工具支持图片转换吗？ 支持将图片文件转换为 Base64 编码字符串，也支持将 Base64 字符串解码还原为图片。
Q：兼容中文编码吗？ 完全兼容 UTF-8 编码，中文文本可正确进行 Base64 编解码。
Q：Base64 是加密吗？ 不是。Base64 是编码而非加密，任何人都可以解码，不具备安全性。Base64 用于在文本协议中传输二进制数据，如邮件附件、Data URI 图片等场景。
Q：Base64 编码后数据会变大吗？ 会。Base64 编码后的数据比原始数据大约 33%（每 3 字节编码为 4 个字符）。对于大文件，Base64 编码会增加传输和存储开销。
六、相关工具推荐
需要把图片和 Base64 互转？试试 图片Base64互转工具。 处理接口返回的 JSON 数据？配合 JSON格式化工具 使用。 
七、总结
回顾几个关键点：Base64 是编码而非加密，不具备安全性，不要把敏感信息交给它保护；中文乱码的根因是编解码两端字符集不一致，统一使用 UTF-8 即可规避；编码后体积增大约 33%，大文件需要权衡传输与存储开销；在 URL 中传递时还要把 +、/、= 换成 URL Safe 字符集，避免被转义。
搞清楚这几条，日常的 Base64 转换就不容易再踩坑了。
