Base64 編碼

相關推薦

什麼是 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 格式編碼郵件二進位附件

使用方法

1. 選擇模式：點擊 Encode（編碼）或 Decode（解碼）切換處理方向
2. 選擇變體：Standard（標準）、URL-Safe（JWT/OAuth）、MIME（郵件格式 76 字元換行）
3. 輸入內容：貼上文字或 Base64 字串，自動即時處理
4. 查看統計：底部顯示字元數和體積膨脹率（編碼體積增大约 33%）
5. 複製結果：一鍵複製 Base64 字串或解碼文字

功能特點

• Encode/Decode 一鍵切換：編碼和解碼模式自由切換，輸出直接變為輸入支援循環處理
• 三種字元集支援：UTF-8（中文/日文/emoji）、ASCII、ISO-8859-1，專業級多場景覆蓋
• 三變體輸出：Standard（標準）、URL-Safe（JWT/OAuth/PKCE 安全）、MIME（RFC 2045 標準 76 字元換行）
• 即時體積統計：即時顯示輸入/輸出字元數和膨脹率（Base64 體積增大约 33%）
• 友善錯誤提示：字元超出範圍時顯示具體錯誤資訊，而非簡單報錯
• 可拖曳分隔線：PC 端可調整左右編輯區比例，專注當前任務
• 行動裝置獨立 Tab：手機/平板使用者獨立切換輸入區和輸出區，體驗流暢

程式碼範例

// 編碼（支援 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