Base64 编码

相关推荐

什么是 Base64 编码？

适用场景

• JWT 调试：解码 JWT 的 header 和 payload 段（Base64URL 格式），查看 token 中的声明内容
• Basic Auth：把 `username:password` 编码成 HTTP Basic 认证凭证
• OAuth 开发：为 PKCE 流程生成 `code_verifier`，或检查传入的 `code_challenge`
• API 调试：对 JSON 数据做 Base64 编码，或解码 API 返回的 Base64 字段
• Data URI 内嵌图片：把小图标转成 `data:image/...;base64,...` 格式，直接嵌入 CSS 或 HTML
• 邮件附件编码：使用 MIME Base64 格式编码二进制邮件附件

使用方法

1. 选择模式：点击 Encode 或 Decode，确定当前是编码还是解码
2. 选择变体：按需切换 Standard、URL-Safe（适用于 JWT / OAuth）或 MIME（适用于邮件格式 76 字符折行）
3. 输入内容：粘贴文本或 Base64 字符串，工具会实时开始处理
4. 查看统计：底部会显示字符数和体积膨胀率（编码时通常约为 +33%）
5. 复制结果：一键复制 Base64 字符串或解码后的文本

功能特点

• 一键切换编码 / 解码：可随时在编码和解码模式之间切换，输出结果还能继续作为下一轮输入
• 三种字符集支持：UTF-8（中文 / 日文 / emoji）、ASCII、ISO-8859-1，覆盖常见开发与调试场景
• 三种输出变体：Standard、URL-Safe（适用于 JWT / OAuth / PKCE）和 MIME（符合 RFC 2045 的 76 字符折行）
• 实时体积统计：即时显示输入 / 输出字符数和膨胀率（Base64 通常会让体积增加约 33%）
• 友好错误提示：字符超出支持范围时提供明确、具体的报错信息，而不是笼统失败
• 桌面端可拖拽分隔线：自由调整左右编辑区比例，更方便聚焦当前任务
• 移动端独立标签页：手机和平板可分别切换输入区和输出区，操作更顺手

代码示例

// 编码（支持 UTF-8 中文）
function b64Encode(str) {
  return btoa(unescape(encodeURIComponent(str)));
}

// 解码（支持 UTF-8 中文）
function b64Decode(str) {
  return decodeURIComponent(escape(atob(str)));
}

// URL-Safe 编码（用于 JWT / OAuth）
function b64UrlEncode(str) {
  return btoa(unescape(encodeURIComponent(str)))
    .replace(/\+/g, '-')
    .replace(/\//g, '_')
    .replace(/=+$/, '');
}

console.log(b64Encode('Hello 世界')); // SGVsbG8g5LiW55WM
console.log(b64Decode('SGVsbG8g5LiW55WM')); // Hello 世界

import base64

# Standard 编码（UTF-8）
encoded = base64.b64encode('Hello 世界'.encode('utf-8'))
print(encoded.decode())  # SGVsbG8g5LiW55WM

# Standard 解码
decoded = base64.b64decode(encoded).decode('utf-8')
print(decoded)  # Hello 世界

# URL-Safe 编码（用于 JWT / OAuth）
url_safe = base64.urlsafe_b64encode('Hello 世界'.encode('utf-8'))
print(url_safe.decode())  # SGVsbG8g5LiW55WM（无 padding 需手动去除）

# 去除 padding（JWT 标准做法）
url_safe_no_pad = url_safe.decode().rstrip('=')
print(url_safe_no_pad)

import java.nio.charset.StandardCharsets;
import java.util.Base64;

public class Base64Example {
    public static void main(String[] args) {
        String text = "Hello 世界";

        // Standard 编码
        String encoded = Base64.getEncoder()
            .encodeToString(text.getBytes(StandardCharsets.UTF_8));
        System.out.println(encoded); // SGVsbG8g5LiW55WM

        // Standard 解码
        String decoded = new String(
            Base64.getDecoder().decode(encoded), StandardCharsets.UTF_8);
        System.out.println(decoded); // Hello 世界

        // URL-Safe 编码（用于 JWT / URL）
        String urlSafe = Base64.getUrlEncoder().withoutPadding()
            .encodeToString(text.getBytes(StandardCharsets.UTF_8));
        System.out.println(urlSafe);

        // MIME 编码（76字符换行）
        String mime = Base64.getMimeEncoder()
            .encodeToString(text.getBytes(StandardCharsets.UTF_8));
    }
}

常见问题

术语表

RFC 4648

IETF 发布的 Base16/Base32/Base64 编码官方标准，定义了标准 Base64 和 URL-Safe Base64 两种字母表，以及 padding、换行、非字母表字符处理等规则。是目前 Base64 编码的事实标准，替代了早期的 RFC 3548。URL-Safe Base64 工具Base64 Padding 工具

RFC 2045 (MIME)

多用途互联网邮件扩展（MIME）标准，首次将 Base64 作为邮件内容传输编码方式。规定 Base64 编码每行不超过 76 个字符并以 CRLF 换行，即 MIME Base64 变体。MIME Base64 工具

Base64URL（URL-Safe Base64）

RFC 4648 §5 定义的 URL 安全变体。将标准 Base64 的 + 替换为 -、/ 替换为 _，并通常省略 padding 的 = 字符。广泛用于 JWT Token、OAuth PKCE、URL 参数、文件名等场景。URL-Safe Base64 工具JWT 工具

MIME Base64

符合 RFC 2045 标准的 Base64 变体，每 76 个字符插入一个换行符（CRLF）。主要用于电子邮件附件传输，因早期 SMTP 协议对单行长度有限制。MIME Base64 工具

Padding（填充）

Base64 编码结果长度必须是 4 的倍数。当输入字节数不是 3 的倍数时，末尾用 = 字符补齐。标准 Base64 使用 padding，Base64URL 通常省略 padding。Base64 Padding 工具

Base64 字母表（Alphabet）

Base64 编码使用的 64 个字符集合。标准 Base64 字母表为：A-Z（26个）、a-z（26个）、0-9（10个）、+、/，共 64 个字符，外加填充字符 =。

btoa / atob

浏览器原生的 Base64 编码/解码 API。btoa（binary to ASCII）用于编码，atob（ASCII to binary）用于解码。注意这两个 API 只支持 Latin-1 字符集，处理中文需配合 UTF-8 转码。

Data URI Scheme

一种 URI 格式，允许将小文件直接内嵌在 URL 中，格式为 data:[<mediatype>][;base64],<data>。常用于内嵌小图标、CSS 背景图等，减少 HTTP 请求。Data URI 工具Base64 转图片

HTTP Basic Authentication

HTTP 协议中的一种认证方式，将用户名和密码用冒号连接后进行 Base64 编码，放在 Authorization 请求头中传输。格式为：Authorization: Basic <base64(username:password)>。Auth Header 构建器

Base64 膨胀率

Base64 编码后数据体积增加的比例。每 3 字节（24位）编码为 4 个 Base64 字符，因此体积增大约 33%（4/3 ≈ 1.333）。加上 padding 时膨胀率会略高。

Base64 三种变体对比

Base 系列编码对比表

Authoritative References

• ReferenceRFC 4648 - The Base16, Base32, and Base64 Data Encodings
• ReferenceRFC 2045 - MIME Part One: Format of Internet Message Bodies
• ReferenceRFC 7519 - JSON Web Token (JWT)
• ReferenceMDN Web Docs - btoa()
• ReferenceMDN Web Docs - atob()
• ReferenceWikipedia - Base64