無料画像をBase64に変換
画像をCSS・HTML・Markdownでインライン使用するためのBase64データURIに変換します。すぐに使えるスニペットをコピーできます。ブラウザ内でエンコードされるためアップロードは一切ありません。
ここにファイルをドロップするか、クリックして選択
PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · デバイス上で処理
または Ctrl+V でクリップボードから貼り付け
ヒント: クリップボードから画像を貼り付けることもできます(Ctrl+V)。
ファイルがデバイスを離れることはありません。すべての処理はブラウザ内でローカルに行われます。
画像をBase64 data URIに変換し、CSS・HTML・Markdownに直接貼り付けられます。別ファイル不要。ブラウザ内でエンコード、アップロードなし。
主な用途
- CSS に画像をインラインするスタイルシートのデータ URI として小さいアイコンまたは背景を埋め込みます。
- HTML に画像を埋め込む自己完結型 HTML に直接ロゴまたはアイコンを埋め込みます。
- SVG またはアイコンを Base64 に変換小さいアイコンをデータ URI に変換してインラインします。
- Markdown に画像を埋め込むデータ URI を使用して小さい画像を Markdown ファイルにインラインします。
- 画像データ URI を取得どこでも使用できる生データ: URI を生成します。
使い方
データURIは、テキストとしてコードに直接イメージを埋め込むため、別のファイルリクエストなしにロードできます。小さいアイコンやスタンドアロンHTMLに便利です。これはブラウザでエンコードします。
- 1イメージをドロップしますFileReader APIでローカルに読み込まれます。アップロードされません。
- 2Base64エンコードされますイメージバイトはデータ：URI（data:image/...;base64,…）に変換されます。ブラウザ内で。
- 3スニペットを選択します生データURIをコピーするか、すぐに使用できるCSS（background-image）、HTML（<img>）、またはMarkdownをコピーします。
- 4コードに貼り付けますイメージがCSS/HTMLと一緒にインラインで移動します。ホストする追加ファイルはありません。
イメージはデバイス上で完全にエンコードされます。Base64は元の約33％大きいため、データURIは小さいイメージに最適です。
関連ツール
画像ステガノグラフィー（画像内へのテキスト隠蔽）
最下位ビットステガノグラフィーを使用してPNG画像内に秘密のテキストメッセージを隠します。オプションでAES-256-GCMパスワード暗号化も可能。同じツールで後から取り出せます。すべてブラウザ内で動作します。
Base64 エンコーダー&デコーダー
テキストまたはファイルを Base64 にエンコードするか、Base64 文字列をデコードしてプレーン テキストに戻します。インスタント、プライベート、そして無料。
URL エンコーダー&デコーダー
URL とクエリ文字列をエンコードおよびデコードします。 encodeURIComponent、decodeURIComponent、およびクエリ文字列の解析をサポートします。