Base64 编码解码的5种实际用途，99%的人只知道第一种

📅 2026-05-22 🏷 Base64 · 编码解码 · Web开发 · 前端 · 数据传输

Base64 不只是图片转字符串。本文分享 Base64 编码在 Web 开发、数据传输、URL 参数、认证鉴权等场景下的 5 种真实用法，附带在线工具实操。

每次提到 Base64，大多数人第一反应就是「把图片转成字符串」。没错，这是最常见的用法，但 Base64 能干的事远不止这一件。

1. 图片转 Base64：减少 HTTP 请求

把体积小的图标、Logo 直接转成 Base64 嵌进 CSS 或 HTML 里，能少发一次 HTTP 请求。尤其适合那些几十 KB 以内的小图。

操作方式：打开 Base64 图片编码器，上传图片 → 自动生成 Data URL → 复制粘贴到 CSS 的 background-image: url(data:image/png;base64,...) 里。

注意事项：

有些场景你需要把二进制数据塞进 URL 里，比如 API 的回调 URL 带了一个加密的 token。但 URL 只支持 ASCII 字符，二进制数据直接放进去会出问题。

Base64 就是解决方案。把二进制数据编码成纯 ASCII 的字符串，就能安全地放进 URL 了。

不过要注意：标准的 Base64 包含 +、/、= 这三个在 URL 里有特殊含义的字符。所以 URL 场景下要用 URL-safe Base64（把 + 换成 -，/ 换成 _，去掉末尾的 =）。

用 URL 编码/解码工具配合 Base64 一起使用，效果最佳。

Web 开发中常见的 Basic 认证，就是把 用户名:密码 用 Base64 编码后放在 HTTP Header 里。

# 实际就是 base64("admin:123456")
Authorization: Basic YWRtaW46MTIzNDU2

这种编码只是为了传输，不是加密。Base64 是可以直接解码的，所以 Basic Auth 一定要配合 HTTPS 使用，否则用户名密码等于明文传输。

用 Base64 编码/解码工具可以随时验证你的 Basic Auth Token 内容。

传输配置文件、数字签名或者小文件的校验值时，经常需要在 JSON 里放二进制数据。JSON 本身就是文本格式，直接塞二进制会乱码。

Base64 可以把任意二进制数据（图片、PDF、压缩包）变成纯文本，安全嵌入 JSON。

{
  "filename": "report.pdf",
  "content": "JVBERi0xLjcN...base64编码后的内容..."
}

配合 JSON 格式化工具查看结构很方便。

你发的每一封带附件的邮件，底层都是用 Base64 传输的。SMTP 协议只支持 7-bit ASCII，所以附件（图片、文档）必须编码后才能发。

这个你可能自己用不上，但了解后就能理解：为什么有时候发邮件附件会变大 30% 左右——因为 Base64 编码本身有 33% 的体积膨胀。

Base64 是个编码方案，不是加密方案。任何 Base64 编码的内容，三秒钟就能解码回去。永远不要用 Base64 来保护敏感数据。