Base64エンコード・デコードツール|テキスト・ファイルを相互変換
テキストやファイルをBase64エンコード・デコードできる無料オンラインツール。UTF-8対応、ファイルのデータURI変換にも対応。データはブラウザ内で処理されます。
詳細設定
エンコードしたいテキストを入力してください
変換結果がここに表示されます
このツールについて
使い方・特徴・補足情報
Base64エンコード・デコードとは
Base64エンコード・デコードツールは、テキストやファイルを Base64形式 で相互変換するツールです。エンコードとデコードの双方向に対応します。
UTF-8 の日本語やマルチバイト文字も、文字化けさせずに変換します。
Base64 は、画像などのバイナリをメールや JSON で扱えるテキストに直す仕組みです。データURI(data:image/png;base64,...)の生成にも対応します。
入力したテキストやファイルはすべてブラウザ内で処理し、外部へ送りません。機密を含むデータでも手元で完結します。
👤 こんな人におすすめ✨
開発・データ連携をする人
✅ 楽になること
テキスト・ファイルのBase64変換
✍️ 避けたい手間
文字化けや復元ミス
解決できる困りごと
- メール添付できないデータをテキスト化して貼り付ける手間を減らせる
- 画像をデータURIに変換してHTML/CSSに直接埋め込める
- APIレスポンスやJWT内のBase64文字列を復元して中身を確認できる
使い方
- 変換モード(エンコード / デコード)を選びます。
- テキスト入力欄に文字列を貼り付けるか、ファイルを選択します。
- 結果が下部に表示されるので、コピーまたはダウンロードします。
- 「クリア」で入力欄をリセットします。
- 必要に応じてデータURI形式での出力に切り替えます。
使用例
日本語テキストのエンコード
UTF-8の日本語をBase64に変換する例です。マルチバイト文字が正しくエンコードされます。
入力
こんにちは
出力
44GT44KT44Gr44Gh44Gv
データURIへの変換
1×1ピクセルの透過PNG画像をデータURIに変換した例です。HTMLのimg要素にそのまま使えます。
入力
(1×1透過PNG画像ファイル)
出力
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg=="
Base64文字列のデコード
受け取ったBase64文字列を元のテキストに戻す例です。コードや設定値の確認に使えます。
入力
SGVsbG8sIFdvcmxkIQ==
出力
Hello, World!
活用シーン
メール添付の代替
添付ファイルが使えない環境で、画像やドキュメントをBase64テキストに変換して本文に貼り付けられます。
Web開発での画像埋め込み
小さなアイコン画像をデータURIに変換し、CSSやHTMLに直接埋め込んでHTTPリクエストを減らせます。
API開発・デバッグ
APIレスポンスに含まれるBase64エンコードされた値を、デコードして中身を確認できます。
JWT トークンの中身確認
JWTのペイロード部分(Base64URL)をデコードし、クレーム情報を目視で確認できます。
教育・学習用途
Base64の仕組みを学ぶとき、実際に文字列やファイルを変換して結果を観察できます。
設定ファイルの値エンコード
設定や環境変数に含めるバイナリ値をBase64に直し、テキストとして安全に保存できます。
技術的な解説
補足: 仕組み
Base64 は3バイト(24ビット)を4文字に分け、64種類の文字で表す方式です。3バイトに満たない分は = で埋めます。
日本語などは TextEncoder で UTF-8 のバイト列にしてからエンコードします。復元は atob() と TextDecoder で元のテキストへ戻します。
ファイルのデータURI化には FileReader.readAsDataURL() を使います。
もっと詳しく
Base64で容量が約1.33倍に増える理由
Base64 は3バイトを4文字にするため、容量は約1.33倍に増えます。3MB の画像なら約4MB になり、HTMLへ直接埋めるとページが重くなります。
小さなアイコンはリクエスト削減の利点が勝ちます。大きな画像は通常のファイル参照のほうが有利です。
URL安全なBase64URLとの違い
通常の Base64 は + / = を使い、これらは URL やファイル名で特別な意味を持ちます。そのまま URL に入れると壊れることがあります。
JWT や URL では +→-、/→_ に替え、= を省く Base64URL を使います。見た目は似ていても互換性がない点に注意してください。
関連ツール
同じカテゴリの他のツールも合わせてどうぞ。