Base64 エンコード

関連おすすめ

Base64 エンコードとは？

ユースケース

• JWT デバッグ: JWT の header / payload（Base64URL）をデコードして内容を確認する
• 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 をワンクリック切替: エンコードとデコードを自由に切り替え、出力を次の入力としてそのまま使えます
• 3種類の文字セット対応: UTF-8（日本語 / 中国語 / emoji）、ASCII、ISO-8859-1 をカバー
• 3種類の出力変種: Standard、URL-Safe（JWT / OAuth / PKCE 向け）、MIME（RFC 2045 の 76文字改行）
• リアルタイムサイズ統計: 入力 / 出力文字数と増加率を即時表示（Base64 は約 33% 増加）
• 分かりやすいエラー表示: 範囲外文字がある場合も単なる失敗ではなく具体的な理由を表示
• ドラッグ可能な区切り線: PC では左右エディタ領域の比率を調整可能
• モバイル向け独立タブ: スマホ / タブレットで入力欄と出力欄を快適に切り替え

コード例

// Encode (UTF-8 safe)
function b64Encode(str) {
  return btoa(unescape(encodeURIComponent(str)));
}

// Decode (UTF-8 safe)
function b64Decode(str) {
  return decodeURIComponent(escape(atob(str)));
}

// URL-Safe encode (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 encode (UTF-8)
encoded = base64.b64encode('Hello 世界'.encode('utf-8'))
print(encoded.decode())  # SGVsbG8g5LiW55WM

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

# URL-Safe encode (JWT / OAuth)
url_safe = base64.urlsafe_b64encode('Hello 世界'.encode('utf-8'))
print(url_safe.decode())

# Remove padding (common in 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 世界";

        String encoded = Base64.getEncoder()
            .encodeToString(text.getBytes(StandardCharsets.UTF_8));
        System.out.println(encoded);

        String decoded = new String(
            Base64.getDecoder().decode(encoded), StandardCharsets.UTF_8);
        System.out.println(decoded);

        String urlSafe = Base64.getUrlEncoder().withoutPadding()
            .encodeToString(text.getBytes(StandardCharsets.UTF_8));
        System.out.println(urlSafe);

        String mime = Base64.getMimeEncoder()
            .encodeToString(text.getBytes(StandardCharsets.UTF_8));
    }
}

よくある質問

用語集

RFC 4648

IETF が公開した Base16 / Base32 / Base64 の公式標準です。標準 Base64 と URL-Safe Base64 の文字表、padding、改行、非対応文字の扱いなどを定義します。現在の Base64 実装の事実上の標準です。URL-Safe Base64 ツールBase64 Padding ツール

RFC 2045 (MIME)

Multipurpose Internet Mail Extensions の標準で、Base64 をメール本文や添付の転送方式として定義しました。1行 76 文字、CRLF 改行を使う MIME Base64 変種の基礎です。MIME Base64 ツール

Base64URL（URL-Safe Base64）

RFC 4648 §5 で定義された URL 安全変種です。+ を - に、/ を _ に置き換え、通常は末尾の = を省略します。JWT、OAuth PKCE、URL パラメータ、ファイル名などでよく使われます。URL-Safe Base64 ツールJWT ツール

MIME Base64

RFC 2045 準拠の Base64 変種で、76 文字ごとに改行（CRLF）を挿入します。主にメール添付の転送に使われます。MIME Base64 ツール

Padding（埋め草）

Base64 結果は長さが 4 の倍数である必要があります。入力バイト数が 3 の倍数でないとき、末尾に = を付けて長さを合わせます。標準 Base64 は padding を使い、Base64URL では省略されることが多いです。Base64 Padding ツール

Base64 アルファベット

Base64 で使う 64 文字の集合です。標準 Base64 では A-Z、a-z、0-9、+、/ の 64 文字に、必要に応じて = が padding として加わります。

btoa / atob

ブラウザー標準の Base64 エンコード / デコード API です。btoa は binary to ASCII、atob は ASCII to binary を意味します。どちらも Latin-1 前提なので、日本語などは UTF-8 変換が必要です。

Data URI Scheme

小さなファイルを URL に直接埋め込む形式です。書式は data:[<mediatype>][;base64],<data>。小さなアイコンや CSS 背景画像の埋め込みでよく使われます。Data URI ツールBase64 を画像に変換

HTTP Basic Authentication

HTTP の認証方式のひとつで、username:password をコロン連結して Base64 変換し、Authorization ヘッダーに入れます。形式は Authorization: Basic <base64(username:password)> です。Auth Header ビルダー

Base64 サイズ増加率

Base64 変換後にデータサイズがどれだけ増えるかを示す値です。3 バイトを 4 文字へ変換するため、およそ 33% 増加します。padding が加わると少し大きくなる場合があります。

Base64 3つの変種比較

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