画像をBase64に変換

画像 ⇔ Base64 変換ツール

画像をBase64テキストに変換したり、Base64を画像に戻したりできます。すべてブラウザ内で処理されます。

画像をここにドロップ、またはクリックして選択

PNG、JPEG、WEBP、GIF対応 — お使いの端末内に留まります

共有

画像 ⇔ Base64 変換ツールについて

Base64エンコードは、画像のバイナリデータを通常のテキストに変換し、別のファイルリクエストなしにHTMLやCSS、JSON、データURIに直接埋め込めるようにします。このツールは画像をすぐに使える複数の形式でBase64に変換でき、逆にBase64文字列やデータURIをダウンロード可能な画像にデコードすることもできます。すべての処理はブラウザ内でローカルに行われ、サーバーへのアップロードは一切ありません。

機能:

  • 生のBase64、データURI、CSS、HTML、Markdownへエンコード
  • Base64文字列やデータURIを画像にデコード
  • エンコード後のサイズと元ファイルとの差分(オーバーヘッド)を表示
  • 変換を分割処理するため、大きなファイルでもタブがフリーズしません

画像をBase64に変換する方法

  1. 「エンコード」に切り替えて画像をアップロードします
  2. 変換が終わるまで待ちます(自動的に処理されます)
  3. 必要な出力形式を選びます — 生データ、データURI、CSS、HTML、Markdownから選択
  4. 「コピー」をクリックしてスニペットをクリップボードにコピーします

よくある質問

Base64エンコードは何に使われますか?

Base64は画像などのバイナリデータを通常のテキストに変換するもので、別のファイルをホストせずにHTMLやCSS、JSONに直接埋め込むことができます。

画像はどこかにアップロードされますか?

いいえ。エンコードとデコードはすべてブラウザ内でJavaScriptにより行われ、画像とBase64テキストがお使いの端末から出ることはありません。

どの画像形式に対応していますか?

エンコードはブラウザが読み込めるあらゆる画像(PNG、JPEG、WEBP、GIFを含む)に対応しています。デコードはデータ自体からPNG、JPEG、WEBP、GIFを自動検出します。

なぜBase64は元の画像より大きくなるのですか?

Base64はバイナリデータ3バイトごとに4文字のテキストとしてエンコードするため、サイズが約33%増加します。これはテキストとして安全に扱うためのトレードオフであり、不具合ではありません。

「data:image/png;base64,」というプレフィックスなしでデータURIをデコードできますか?

はい。プレフィックスなしで生のBase64を貼り付けた場合、ツールはデコードされたバイト列からPNG、JPEG、GIF、WEBPの署名を調べ、画像の種類を自動的に検出します。

画像をBase64として埋め込むべきなのはどんな時ですか?

Base64は、CSSやメールテンプレート、単一ファイルのHTMLエクスポートなど、追加のネットワークリクエストを避けたい小さなアイコンや画像に便利です。より大きな写真の場合は、キャッシュを利用できる通常の画像ファイルの方がほぼ常に高速です。

プライバシー

画像とBase64テキストはすべてブラウザ内で処理されます。サーバーへのアップロードは一切行われません。

参考資料・技術仕様

最終更新日: 2026-07-26