Base64 変換（エンコード/デコード）— 日本語・絵文字も文字化けしない

使い方

• 上の入力欄にテキストを貼ると即座に Base64 にエンコード、Base64 を貼ると即座にテキストにデコードします。
• 変換方向は「エンコード」「デコード」「自動（auto）」から選べます。自動は入力が Base64 かどうかを自動判定し、判定結果を表示します（意図と違う時はモードを明示選択できます）。
• 「標準」と「URL セーフ」を切り替えられます。URL セーフ（base64url）は + → -、/ → _、パディング = 省略の形式で、URL・クエリ・JWT に安全です。
• 画像などのファイルをドロップ／選択すると、生 Base64 と data URL（data:<MIME>;base64,...）を生成し、画像はプレビュー表示します。
• 結果は「コピー」でワンクリックコピー、デコード結果はテキストファイルとしてダウンロードもできます。「入れ替え」で結果を入力欄に移して逆変換が可能です。
• インストール・登録不要。入力やファイルはすべてブラウザ内で処理され、サーバーに送信されません。

Base64 とは / エンコードとデコード

Base64 は、データを A〜Z・a〜z・0〜9・+ / の 64 種類の文字と末尾の = だけで表すエンコード方式です。バイナリやマルチバイト文字を、テキストしか扱えない場所（URL・メール・JSON・設定ファイル等）でも安全に運ぶために使います。Base64 は暗号化ではなく、誰でも元に戻せる変換です。

エンコード（テキスト → Base64）

文字を UTF-8 のバイト列に変換してから Base64 に変換します。出力は元データのおよそ 4/3 になります。UTF-8 を経由することで日本語・絵文字でも化けません。btoa() に日本語を直接渡すと例外が出たり文字化けするため、本ツールは必ず TextEncoder を挟んで処理します。

デコード（Base64 → テキスト）

Base64 をバイト列に戻し、UTF-8 として文字に復元します。不正な UTF-8 バイト列（画像等のバイナリ）の場合は化けた文字列を出力せず、エラーメッセージを表示します。

自動判定（auto）

入力が Base64 らしければデコード、そうでなければエンコードします。判定結果を画面に表示するので、意図と違う場合はモードを手動で切り替えてください。例えば「Hello」は 5 文字（4 の倍数でない）のためエンコードと判定、「SGVsbG8=」は有効な Base64 のためデコードと判定します。

主な機能

日本語・絵文字でも文字化けしない（UTF-8 対応）

多くのツールが使う素朴な方法（btoa() 直呼び）は英数記号（Latin-1）しか正しく扱えず、日本語や絵文字で例外・文字化けになります。本ツールは TextEncoder で UTF-8 バイト列を経由するため、「日本語」や「😀」を入れても往復で完全一致します。

URL セーフ Base64（base64url）対応

標準 Base64 の + / = は URL やファイル名で問題を起こすことがあります。URL セーフ（base64url）モードでは + → -、/ → _、= 省略の形式で出力します。JWT・クエリパラメータ・ファイル名に直接使えます。デコード時は標準・URL セーフどちらでも自動で受け付けます。

ファイルを Base64 / data URL に変換（プレビュー付き）

画像などのファイルをドロップすると、生 Base64 と data URL（data:image/png;base64,...）を生成します。画像はプレビュー表示。data URL は CSS の background-image や HTML の <img> src に直接貼れます。data URL は blob: 参照ではなく自己完結文字列なので、コピーして他所で貼っても壊れません。

不正な Base64 のエラー表示

デコードできない入力（許可外の文字・長さ不正・パディング不正・UTF-8 として解釈できないバイナリ）のとき、何が問題かを分かりやすくテキストで表示します。色だけでなく文字でも示すためスクリーンリーダーにも対応します。

コピー・ダウンロード・文字数/バイト数

結果をワンクリックでコピー。デコード結果はテキストファイルとしてダウンロードも可能。入力・出力の文字数と UTF-8 バイト数を表示します（Base64 は元のおよそ 4/3 になることが体感できます）。

ブラウザ内で安全（送信しない）

テキストもファイルもネットワークに送られず、すべて手元のブラウザで処理されます。機密を含むデータも安心して使えます。

活用例

Base64 文字列をデコードして中身を読む

メールヘッダや設定値、JWT のペイロード片などの Base64 を貼って、元のテキスト・JSON を確認します。デコードモード（または自動）で貼るだけで即時に結果が出ます。

日本語を含むテキストを安全にエンコードする

他ツールで文字化けしてしまう日本語・絵文字入りのテキストを、文字化けせず Base64 化します。エンコードして Base64 を取得し、そのまま JSON フィールドや HTTP ヘッダに埋め込めます。

URL / JWT 用に URL セーフ Base64 を作る

URL やクエリパラメータに埋め込むため、- _ ・パディングなしの base64url を生成します。「URL セーフ」モードに切り替えてエンコードするだけで、パーセントエンコードなしで URL に使える文字列が得られます。

画像を data URL にして CSS / HTML に埋め込む

小さなアイコン画像を data URL に変換し、外部ファイルなしで HTML・CSS・Markdown に埋め込めます。ファイルをドロップして data URL をコピーし、background-image や <img> src に貼り付けるだけです。

注意点

• Base64 は暗号ではなく、誰でも元に戻せます。パスワードや秘密の保護には使えません。
• Base64 化するとデータサイズが約 4/3（33% 増）になります。大きな画像を data URL に埋め込む場合は容量に注意してください。
• テキストのエンコード・デコードは UTF-8 を前提としています。Shift_JIS・EUC-JP・UTF-16 などの文字コードは対象外です。
• 画像など「バイナリ」の Base64 をデコードしてもテキストとしては解釈できません。ファイル変換機能で data URL を生成して活用してください。
• 入力・ファイルはすべてブラウザ内で処理され、サーバーに送信されません。

よくある質問

日本語や絵文字を Base64 にしても文字化けしませんか？

はい。本ツールは TextEncoder で UTF-8 バイト列に変換してから Base64 化するため、日本語・絵文字・サロゲートペアも往復で完全一致します。btoa() を直接使う多くのツールとは異なり、文字化けは発生しません。

エンコードとデコードの両方できますか？

はい。テキストを貼るとエンコード、Base64 を貼るとデコードできます。自動（auto）モードは入力が Base64 かどうかを自動判定し、判定結果を表示します。判定が意図と違う場合はエンコード／デコードを明示選択できます。

URL セーフ Base64（base64url）に対応していますか？

はい。「URL セーフ」モードで + → -、/ → _、パディング = 省略の base64url を生成できます。デコード時は標準・URL セーフどちらでも自動で受け付けます。JWT や URL パラメータに便利です。

画像を Base64 や data URL にできますか？

はい。画像をドロップ／選択すると生 Base64 と data URL（data:image/...;base64,...）を生成し、プレビュー表示します。data URL を CSS や HTML に直接貼って画像を外部ファイルなしで埋め込めます。

入力したデータはサーバーに送られますか？

いいえ。テキストもファイルもすべてブラウザ内で処理され、送信・保存されません。機密データも安心して使えます。

Base64 は暗号化ですか？安全に秘密を隠せますか？

いいえ。Base64 は誰でも元に戻せる「変換」であり暗号ではありません。パスワードやトークンなどの秘密の保護には使えません。

結果をコピーやダウンロードできますか？

はい。「コピー」ボタンでワンクリックコピー、デコード結果は「テキストをダウンロード」で .txt ファイルとして保存できます。