Base64 エンコード/デコード 画像対応

テキストや画像をBase64形式にエンコード・デコードできます。API連携やData URIの生成に便利です。

入力したデータはサーバーに送りません。すべてブラウザ内で処理するので、APIキーや機密情報も安心して使えます。

このツールについて

文字列や画像をワンクリックでBase64にエンコード・デコードできるツールです。日本語(UTF-8)にも対応しており、ブラウザ内で処理が完結するため安全です。Basic認証ヘッダーやData URIの作成に活用できます。

「画像をHTMLに直接埋め込みたい」「APIのBasic認証ヘッダーを手軽に作りたい」──そんな時にサクッと使えるBase64変換ツールです。日本語テキストを入れるだけで瞬時に文字列が生成され、逆のデコードも簡単。機密性の高いトークンやデータを扱う際も、サーバーに送信されずブラウザ上で処理されるので安心してお使いいただけます。

ツール操作

使い方

  1. テキストを入力欄に入力します
  2. 「エンコード」をクリックでBase64に変換、「デコード」で元のテキストに戻します
  3. 日本語などマルチバイト文字(UTF-8)にも対応しています

いつ使うか

Basic認証ヘッダーの生成、Data URI(画像の埋め込み)、APIのペイロード転送、バイナリデータのテキスト化が必要な場合。

使用例

HelloSGVsbG8=、画像を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 と同様、余分な文字を削除して再試行してください。

Base64 エンコード/デコードは無料ですか?

無料・登録不要で利用できます。

入力データはサーバーに送られますか?

入力データはブラウザ内で処理され、サーバーへ送信されません。社内の機密データや個人情報も安心して試せます。

対応ブラウザは?

Chrome、Edge、Firefox、Safari の最新版で動作確認しています。

オフラインで使えますか?

オフラインでも基本機能は動作します(初回読み込み後)。

CLIやデスクトップアプリとの違いは?

Base64 エンコード/デコードは、コマンドラインやデスクトップアプリの代替として、インストール不要ですぐ使えるオンラインツールです。

いつ使うツール?

こんなときに使います: Basic認証ヘッダーの生成、Data URI(画像の埋め込み)、APIのペイロード転送、バイナリデータのテキスト化が必要な場合。

使用例は?

具体例: HelloSGVsbG8=、画像をData URIに変換してHTMLに埋め込み。

主な機能は?

Base64エンコード・デコード、日本語対応、Data URI生成

他の類似ツールとの使い分けは?

Base64 エンコード/デコードはブラウザ完結・インストール不要が強みです。CLIやIDE拡張と併用し、手元ですぐ試したいときに使うのが効率的です。

検索キーワード・別名

Base64、画像、エンコード、Data URI、埋め込み、画像埋め込み、変換方法、Base64デコード、Base64エンコード、img-to-base64、binary-to-text、Data URI変換、画像Base64

基本的な使い方(ワークフロー)

  1. テキストを入力欄に入力します
  2. 「エンコード」をクリックでBase64に変換、「デコード」で元のテキストに戻します
  3. 日本語などマルチバイト文字(UTF-8)にも対応しています

具体的な使用シーン

  • Basic認証ヘッダーの生成、Data URI(画像の埋め込み)、APIのペイロード転送、バイナリデータのテキスト化が必要な場合。
  • 文字列や画像をワンクリックでBase64にエンコード・デコードできるツールです。日本語(UTF-8)にも対応しており、ブラウザ内で処理が完結するため安全です。Basic認証ヘッダーやData URIの作成に活用できます。
  • Basic認証: Authorization: Basic + Base64(user:pass)。
  • Data URI: data:image/png;base64, + Base64(画像データ)。
  • データはサーバーに送信されません。ローカル処理のみ。
  • Base64エンコード・デコード
  • 日本語対応

プライバシーとデータの扱い

入力データはブラウザ内で処理され、サーバーへ送信されません。社内の機密データや個人情報も安心して試せます。

注意点

  • コピーした結果を本番環境にそのまま貼る前に必ず再確認する
  • ブラウザ拡張機能がページ動作を妨げる場合はシークレットウィンドウで試す
  • 大量データ入力時はタブを閉じずに処理完了を待つ

関連する解説記事

ツール比較

関連する学習コンテンツ

関連ツール

ツールセット