実際の画像バイトをエンコードする
画像を選択し、エディターを開いてエンコードされた形式を確認します。
エンコードが保持するもの
エンコードは、サイズ変更や再圧縮を行わずに選択されたファイルを読み取ります。既存の画像データ、メタデータ、アニメーションバイトは Base64 文字列内に保持されます。プレビューは識別用であり、出力を再作成するために使用されるものではありません。エンコードは画像の内容ではなく、バイトの表現方法を変更します。
PNG、JPG、WebPなどの画像をBase64、データURL、HTML、またはCSSに変換します。プレビュー、コードのコピー、またはテキストファイルのダウンロードが可能です。エンコードはデバイス内で行われます。
完成したファイルをダウンロードします。
画像を Base64、データURL、HTML 画像、または CSS 背景に変換します。ソースをプレビューし、コード形式を選択してから、コピーするかテキストファイルをダウンロードしてください。エンコードはデバイス上で実行されます。

画像を選択し、エディターを開いてエンコードされた形式を確認します。
エンコードは、サイズ変更や再圧縮を行わずに選択されたファイルを読み取ります。既存の画像データ、メタデータ、アニメーションバイトは Base64 文字列内に保持されます。プレビューは識別用であり、出力を再作成するために使用されるものではありません。エンコードは画像の内容ではなく、バイトの表現方法を変更します。
データURL、プレーン Base64、HTML 画像、CSS 背景を切り替えます。
データURLには、画像のMIMEタイプと base64 プレフィックスが含まれます。プレーン Base64 にはエンコードされたバイトのみが含まれます。HTML 画像は、データURLを空の alt 属性を持つ img タグでラップします(意味のあるコンテンツにするために記入してください)。CSS 背景は、それを background-image 宣言でラップします。コードを受け取るアプリケーションが期待する形式を使用してください。
コピーアイコンは共有の視覚的確認を使用します。
コードの上のコピーアイコンを選択して、現在選択されている表現をクリップボードに配置します。「スタート」をクリックすると、TXT ファイルのダウンロードページが開きます。テキストファイル名は元の画像ベース名を保持し、-base64 が追加されます。クリップボードへのアクセスがブロックされている場合は、テキストが選択状態になるため、手動でコピーできます。
エディターには画像サイズと生成されたコードのサイズが表示されます。
Base64 は通常、元のバイト数に約3分の1が加算され、さらにデータURLや HTML/CSS ラッパーが追加されます。小さな埋め込みアセットや自己完結型のドキュメントには便利ですが、画像圧縮ではありません。大きな埋め込み画像は HTML やスタイルシートの保守を困難にする可能性があり、含まれているファイルとは別にキャッシュすることはできません。
画像のエンコードとデコードにアップロードは必要ありません。
対応フォーマットは PNG、JPG、WebP、GIF、BMP、AVIF です(ブラウザでプレビュー可能なものに限ります)。画像サイズは 25 MB、60 メガピクセル、または一辺あたり 16,000 ピクセル以下である必要があります。SVG マークアップはこのラスター変換ツールでは意図的に受け付けていません。
1ファイルあたり最大 25 MB。 1回につき1つの入力ファイル。
25 MB、60 メガピクセル、一辺あたり 16,000 ピクセルまでの画像を1枚処理できます。
選択された画像はブラウザ内で読み込まれエンコードされます。変換のためにアップロードされることはありません。
このツールはブラウザ内でファイルを処理およびエクスポートします。ダウンロードされた画像は別のファイルであり、デバイス上のソースは上書きされません。
エディターやダウンロードページを更新すると、ツールページに戻ります。 新しいワークフローを開始する前に、結果をダウンロードしてください。 ファイル処理についてはプライバシーポリシーをご覧ください。
始める前のいくつかの回答。
デバイス上で処理いいえ。エンコードは元のバイトデータを保持します。画像のサイズ変更、圧縮、再描画は行われません。
Base64 は3バイトの入力データを4文字のテキストで表現するため、通常はラッパーやプレフィックスの前に約3分の1のサイズが追加されます。
はい。エンコードはアニメーションを含む元の GIF バイトデータを保持します。プレビューでは静止画として表示される場合がありますが、エンコードされたデータにはすべてのフレームが含まれています。
Base64 は暗号化ではありません。元の画像が機密性の高いものである場合は、文字列を非公開にしてください。コンバーター自体はブラウザ内でローカルに処理を行います。
クイックビデオチュートリアル
How to encode an image as Base64 or HTML
Choose an image, select HTML image code and download the encoded image as a text file.
英語のナレーション
ビデオを見る