Base64 编码

相关推荐

适用场景

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

功能特点

• Encode/Decode 一键切换：编码和解码模式自由切换，输出直接变为输入支持循环处理
• 三种字符集支持：UTF-8（中文/日文/emoji）、ASCII、ISO-8859-1，专业级多场景覆盖
• 三变体输出：Standard（标准）、URL-Safe（JWT/OAuth/PKCE 安全）、MIME（RFC 2045 标准 76 字符换行）
• 实时体积统计：实时显示输入/输出字符数和膨胀率（Base64 体积增大约 33%）
• 友好错误提示：字符超出范围时显示具体错误信息，而非简单报错
• 可拖拽分隔线：PC 端可调整左右编辑区比例，专注当前任务
• 移动端独立 Tab：手机/平板用户独立切换输入区和输出区，体验流畅

使用方法

1. 选择模式：点击 Encode（编码）或 Decode（解码）切换处理方向
2. 选择变体：Standard（标准）、URL-Safe（JWT/OAuth）、MIME（邮件格式 76 字符换行）
3. 输入内容：粘贴文本或 Base64 字符串，自动实时处理
4. 查看统计：底部显示字符数和体积膨胀率（编码体积增大约 33%）
5. 复制结果：一键复制 Base64 字符串或解码文本

常见问题

什么是Base64 编码？

术语表

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 系列编码对比表

Code Examples

// 编码（支持 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));
    }
}

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