画像からBase64へのオンライン変換ツール

画像をアップロードして、Base64文字列またはデータURIに変換します。HTML、CSS、JSONのコードをコピーしたり、ダウンロードしたりできます。すべてブラウザ内で完結します。

画像をBase64に変換する方法

ツールを開き、「画像からBase64へ」に切り替えます。画像をドラッグ&ドロップしてプレビューした後、ワンクリックでBase64文字列またはデータURIをコピーします。

ステップ1

オープンエンコーダー

「画像をBase64形式に変換」に切り替えると、画像のアップロードエリアが表示され、画像を挿入する準備が整います。

ステップ2

画像をアップロード

PNG、JPEG、WebP、GIF、SVG、AVIF、HEIC、BMP、またはICOファイルをドロップインしてエンコードします。

ステップ3

コピーまたは保存

結果をプレビューしたり、Base64文字列をコピーしたり、.txtファイルとしてダウンロードしたりできます。

画像をBase64文字列にエンコードする無料オンライン画像Base64変換ツール

画像からBase64へのコンバーターは、画像をテキスト文字列にエンコードするため、テキストが受け入れられるあらゆる場所で使用できます。画像ファイルを別途ホストする代わりに、画像のバイト列をBase64に変換し、HTML、CSS、JSON、またはメールに直接埋め込みます。ブラウザは、その文字列を通常の画像ソースであるかのようにレンダリングします。フロントエンド開発者、メールデザイナー、オフラインアプリや自己完結型アプリを開発する人にとって、画像をBase64にエンコードすることで、外部依存関係が解消され、アセットがそれらを使用するコード内にきちんとバンドルされます。これにより、アセットとコードが同じ場所に保持され、配布が容易になります。

典型的なユースケースは、小さくて重要なアセットです。ファビコン、ロゴ、ローディングスピナー、またはUIアイコンは、データURIとしてインライン化することで、追加のHTTPリクエストなしで表示できます。メールクライアントは外部画像をブロックすることが多いため、Base64として埋め込むことで、受信者が「画像を表示」をクリックしなくても確実に表示されます。JSONおよびREST APIは、マルチパートアップロードの代わりに文字列として画像プレビューを渡すことができ、オフラインドキュメントやPWAは、画像をコードに直接バンドルできます。Base64はオーバーヘッドが約33%増加するため、大きなヒーロー画像よりもアイコンやサムネイルに適していますが、これらの小さなアセットには最適です。ニュースレターや埋め込みウィジェットの場合、インライン化することで、画像リンク切れも回避できます。

このコンバーターを使えば、エンコードが簡単に行えます。画像をツールにドラッグ&ドロップするだけで、ファイルのバイトシグネチャから実際のフォーマットを読み取り、Base64文字列または完全なデータURIを生成します。生成されたデータはコピーしたり、テキストファイルとしてダウンロードしたりできます。プレフィックスなしの生のBase64出力、または適切なタグ付きデータURIを選択でき、長い文字列は読みやすさを考慮して64文字または76文字で折り返すことができます。検出されたフォーマットとファイルサイズは結果とともに表示されます。すべての処理はブラウザ上でJavaScriptを使用して実行されるため、画像はアップロードされることなく、サーバーを介さずにローカルで読み込まれ、エンコードされます。サンプルを読み込んで、エンコードされた文字列がすぐに表示される様子を確認することもできます。

画像エンコーダー、Base64文字列ジェネレーター、データURIメーカーなど、呼び方は様々ですが、目的は同じです。画像をポータブルなテキストに変換することです。この無料オンラインコンバーターは、幅広いフォーマットのサポート、コピーとダウンロードのオプション、改行コントロールを1つのすっきりとしたインターフェースに統合しています。画像をアップロードし、Base64文字列を取得して、プロジェクトに必要な場所に貼り付けるだけ。すべてブラウザ上で完結し、アップロードもインストールも不要です。あらゆる画像をBase64にエンコードする最も簡単な方法で、画像をテキストとして埋め込んだり、転送したり、保存したりする必要がある場合にいつでも利用できます。インストールもアカウント作成も不要です。

あらゆる画像をエンコードする

PNG、JPEG、WebP、GIF、SVG、AVIF、HEIC、BMP、またはICOファイルをBase64文字列に変換します。

データURIまたは生データ

コードの要件に応じて、完全なデータURIまたはBase64文字列を出力します。

フォーマットが検出されました

このツールはファイルバイトから実際のフォーマットを読み取り、ファイルサイズとともに表示します。

コピーまたはダウンロード

Base64形式のデータをクリップボードにコピーするか、通常の.txtファイルとして保存してください。

ラインラップコントロール

長い出力は64文字または76文字で折りたたむか、1行に連続して表示します。

完全プライベート

画像はブラウザ内で読み込まれ、エンコードされます。アップロードされるデータは一切ありません。

よくある質問

よくある質問

画像をBase64エンコードすると、バイナリ画像データが64文字のテキスト文字列に変換されます。これにより、画像を別のファイルとして作成することなく、HTML、CSS、JSON、またはメールに直接埋め込むことができます。

ツールを開き、「画像からBase64へ」に切り替えて、画像をドラッグ&ドロップしてください。ツールが画像のフォーマットを読み取り、コピーまたはダウンロード可能なBase64文字列またはデータURIを表示します。

データURIは、Base64文字列をMIMEタイプでラップしたもので、例:data:image/png;base64,。これを使用すると、HTMLやCSSに画像をインラインで埋め込むことができ、追加のリクエストなしで画像を表示できます。

PNG、JPEG、GIF、WebP、AVIF、HEIC、SVG、BMP、ICO形式のエンコードに対応しており、バイトシグネチャから実際のフォーマットを読み取ります。認識されないファイルも、汎用バイナリ文字列としてエクスポートされます。

いいえ。エンコードは画像のバイト列をテキストに変換するだけなので、画像は元の画像と全く同じままです。Base64変換の過程で再圧縮は一切行われないため、画質は変わりません。

はい。「Raw base64」オプションを選択すると、データプレフィックスが省略されます。または、特定のフォーマットを選択することもできます。出力は文字列のみなので、コード内で必要な場所に貼り付けることができます。

いいえ。エンコード処理はすべてブラウザ上でJavaScriptを使用して行われるため、画像がデバイスから外部に送信されることはありません。処理過程のいかなる段階においても、データがアップロードされたり、リモートに保存されたり、誰かと共有されたりすることはありません。

Base64は3バイトごとに4文字に変換するため、約33%のオーバーヘッドが発生します。アイコンなどの小さなアセットには最適ですが、大きなヒーロー画像は別のファイルとして保存する方が適しています。

はい。データURIをコピーして、imgタグのsrc属性またはCSSのbackground-image url()に貼り付けてください。ブラウザはそれを別ファイルとしてではなく、通常の画像としてレンダリングします。

はい。完全に無料で、透かしも登録も、1日あたりの制限も一切ありません。ブラウザ上で、いつでも好きなだけ画像をエンコードできます。