てもとツール

Base64エンコード・デコードツール|テキスト・ファイルを相互変換

テキストやファイルをBase64エンコード・デコードできる無料オンラインツール。UTF-8対応、ファイルのデータURI変換にも対応。データはブラウザ内で処理されます。

ブラウザ内処理 完全無料 登録不要
詳細設定

エンコードしたいテキストを入力してください

変換結果がここに表示されます

このツールについて

使い方・特徴・補足情報

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

Base64エンコード・デコードツールは、テキストやファイルを Base64形式 で相互変換するツールです。エンコードとデコードの双方向に対応します。

UTF-8 の日本語やマルチバイト文字も、文字化けさせずに変換します。

Base64 は、画像などのバイナリをメールや JSON で扱えるテキストに直す仕組みです。データURI(data:image/png;base64,...)の生成にも対応します。

入力したテキストやファイルはすべてブラウザ内で処理し、外部へ送りません。機密を含むデータでも手元で完結します。

👤 こんな人におすすめ✨

開発・データ連携をする人

✅ 楽になること

テキスト・ファイルのBase64変換

✍️ 避けたい手間

文字化けや復元ミス

解決できる困りごと

  • メール添付できないデータをテキスト化して貼り付ける手間を減らせる
  • 画像をデータURIに変換してHTML/CSSに直接埋め込める
  • APIレスポンスやJWT内のBase64文字列を復元して中身を確認できる

使い方

  1. 変換モード(エンコード / デコード)を選びます。
  2. テキスト入力欄に文字列を貼り付けるか、ファイルを選択します。
  3. 結果が下部に表示されるので、コピーまたはダウンロードします。
  4. 「クリア」で入力欄をリセットします。
  5. 必要に応じてデータ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 を使います。見た目は似ていても互換性がない点に注意してください。

関連ツール

同じカテゴリの他のツールも合わせてどうぞ。