Base64 エンコード/デコード 画像対応
テキストや画像をBase64形式にエンコード・デコードできます。API連携やData URIの生成に便利です。
入力したデータはサーバーに送りません。すべてブラウザ内で処理するので、APIキーや機密情報も安心して使えます。
▶このツールについて
文字列や画像をワンクリックでBase64にエンコード・デコードできるツールです。日本語(UTF-8)にも対応しており、ブラウザ内で処理が完結するため安全です。Basic認証ヘッダーやData URIの作成に活用できます。
「画像をHTMLに直接埋め込みたい」「APIのBasic認証ヘッダーを手軽に作りたい」──そんな時にサクッと使えるBase64変換ツールです。日本語テキストを入れるだけで瞬時に文字列が生成され、逆のデコードも簡単。機密性の高いトークンやデータを扱う際も、サーバーに送信されずブラウザ上で処理されるので安心してお使いいただけます。
ツール操作
使い方
- テキストを入力欄に入力します
- 「エンコード」をクリックでBase64に変換、「デコード」で元のテキストに戻します
- 日本語などマルチバイト文字(UTF-8)にも対応しています
いつ使うか
Basic認証ヘッダーの生成、Data URI(画像の埋め込み)、APIのペイロード転送、バイナリデータのテキスト化が必要な場合。
使用例
Hello → SGVsbG8=、画像をData URIに変換してHTMLに埋め込み。補足・Tips
- Basic認証:
Authorization: Basic+ Base64(user:pass)。 - Data URI:
data:image/png;base64,+ Base64(画像データ)。 - データはサーバーに送信されません。ローカル処理のみ。
よくある質問
Base64とは?
バイナリデータをASCII文字(A-Z、a-z、0-9、+、/)の64文字で表現するエンコーディング方式です。画像やファイルをテキストとして扱えるため、メール添付やData URIで使われます。
Base64で日本語は扱える?
はい。UTF-8でエンコードしてからBase64に変換すれば扱えます。日本語テキストをBase64にするには、まずUTF-8のバイト列に変換してからBase64エンコードします。
Data URIとは?
data:スキームで画像などをHTMLやCSSに直接埋め込む形式です。data:image/png;base64,の後にBase64文字列を続けます。外部ファイル不要ですが、キャッシュされないため大きな画像には向きません。
Base64エンコードのメリットは?
バイナリをテキストとして扱えるため、JSONやAPIで転送しやすい、メールで安全に送れる、URLに含められる(URL Safe Base64)などの利点があります。
Base64ツールの使い方は?
テキストを入力して「エンコード」でBase64に、「デコード」で元に戻します。日本語にも対応しています。
Basic認証のヘッダーを生成するには?
user:passwordの形式をBase64エンコード。Authorization: Basic の後に付加。このツールでエンコードできます。
画像をBase64に変換するには?
このツールの画像入力機能を使用。画像をBase64にエンコードし、Data URIとして使えます。
Base64はデータを送信する?
いいえ。すべてブラウザ内で完結。機密データも安全にエンコード・デコードできます。
URL Safe Base64とは?
+、/を-、_に置換した形式。URLに含めても問題ない。一部のAPIで使用されます。
Base64デコードで文字化けする場合は?
元の文字コード(UTF-8等)を確認。デコードは正しくても、表示時の文字コードが異なると文字化けします。
Invalid character in base64 string のエラーが出る
Base64に使えない文字(スペース、改行、data:image/png;base64, などのプレフィックス)が含まれています。純粋なBase64文字列(A-Za-z0-9+/=)だけを入力し、余分な部分を削除してください。Data URIの場合は「data:image/png;base64,」の後の部分だけを貼り付けます。
Failed to execute 'atob' のエラー
atobはBase64デコード用のブラウザAPIです。入力が不正なBase64文字列だとこのエラーが出ます。Invalid character と同様、余分な文字を削除して再試行してください。
関連ツール
エンコード・変換セット