Base64 エンコード・デコード

使い方

1. テキストタブ: 左にテキストを入れて「エンコード ▸」、右にBase64を入れて「◂ デコード」。デコードは改行・空白入り（MIMEの76文字折返し）や data:...;base64, 付きの文字列、パディング = の欠けたものも受け付けます。
2. Base64URL: JWTのヘッダー・ペイロードなど - _ を使う形式は「Base64URL」を選択（デコードはどちらの文字でも自動で通ります）。JWTを丸ごと調べるなら JWTデコード・検証ツール のほうが便利です。
3. ファイルタブ: ファイルをドロップするとBase64文字列とdata URI（MIMEタイプ付き）を生成します。画像はプレビュー表示。逆にBase64やdata URIを貼り付ければ、元のファイルとしてダウンロードできます。
4. デコード結果がテキスト（UTF-8）でない場合は、文字化けした文字列を出す代わりにhexダンプ（先頭256バイト）で中身を表示します。不正な文字が混ざっている場合は「何文字目のどの文字か」をエラーに出します。

デコードしたJSONを整形したいときは JSON整形・検証ツール、画像を埋め込む前に軽くしたいときは 画像圧縮ツール を。その他のツールは ツール一覧 にあります。

なぜ日本語のBase64は文字化けするのか（btoa/atobの罠）

JavaScriptの btoa() / atob() はLatin-1（1バイト文字）専用で、日本語をそのまま渡すと InvalidCharacterError で落ちます。無理に通す実装や、UTF-8とShift_JISの解釈違いがあると「縺薙ｓ縺ｫ縺｡縺ｯ」のような文字化けになります。正解は一度UTF-8のバイト列に変換してからBase64化することです。

btoa('こんにちは');            // ✕ InvalidCharacterError（Latin-1範囲外）

// ○ TextEncoder でUTF-8バイト列にしてからBase64化する
const bytes = new TextEncoder().encode('こんにちは');
const b64 = btoa(String.fromCharCode(...bytes)); // "44GT44KT44Gr44Gh44Gv"

// ○ 戻すときも TextDecoder を通す
const text = new TextDecoder().decode(
  Uint8Array.from(atob(b64), c => c.charCodeAt(0))
); // "こんにちは"

このツールも同じ方式（TextEncoder / TextDecoder + Base64）で実装しているため、日本語・絵文字を含む任意のUTF-8テキストを正しく往復できます。他システムとやり取りする場合は「Base64の中身がUTF-8であること」を双方で揃えるのがポイントです。