Base64 エンコード/デコード
Base64 のテキストやファイル（画像から data URL を含む）を瞬時に安全にエンコード・デコード。
変換元
結果
ファイルや画像をドロップして data URL に変換
CSS/HTML に埋め込むアイコンや小さな画像に最適
Base64 エンコード/デコード の使い方
- テキストを入力・貼り付けするか、画像やファイルをドロップして Base64 データ URL に変換します。
- 必要な変換方向に合わせて「エンコード」と「デコード」を切り替えます。
- ワンクリックで結果をコピーします。デコードでは、アクセント付き文字、絵文字、アラビア語を含む UTF-8 テキストも正しく処理できます。
このツールについて
Base64 は、メール添付ファイルのヘッダー、JWT トークンのペイロード、CSS に埋め込むデータ URL、JSON を経由しても壊れてはいけない設定値、リクエストを減らすためにインライン化する CSS 背景画像など、いたるところで使われています。このツールなら、どちらの方向にも素早く安全に変換できます。テキストのエンコードには TextEncoder を通じた正しい UTF-8 を使用し、絵文字、アラビア語、アクセント付き文字も、エンコードして元に戻すとバイト単位で完全に一致します。ラテン文字以外で失敗する単純な btoa/atob の手法とは異なります。ファイルモードでは画像や文書をそのまま貼り付けられるデータ URL に変換し、出力サイズも表示するので、インライン化が適切か判断できます。すべての処理はブラウザー内で行われ、双方向の切り替えでエンコードとデコードを即座にテストできます。
よくある質問
Base64 の出力が入力より大きくなるのはなぜですか？
Base64 は 3 バイトごとに 4 文字へエンコードするため、出力は約 33% 大きくなります。これは形式自体の性質で、ツールの効率が悪いわけではありません。
壊れた Base64 もデコードできますか？
有効な文字列は追加のフラグなしでデコードします。Base64 の文字集合に含まれない文字がある場合はエラーを表示するので、元データの破損がわかります。
画像を Base64 にしてウェブサイトで使っても大丈夫ですか？
小さなアイコンやロゴなら適しています。大きな写真では、33% のサイズ増加に加えてブラウザーのキャッシュが使えないため、通常のファイルの方がよい場合がほとんどです。ツールにサイズが表示されるので判断できます。
このツールは役に立ちましたか？