Base64 画像変換ツール
画像を Base64 データ URI に変換、または Base64 文字列を画像にデコード。アップロード、ドラッグ＆ドロップ、データ URI の貼り付け——HTML と CSS のコードスニペットを瞬時に取得。すべてブラウザ内で完結、アップロード不要。
画像をアップロードまたは Base64 文字列を貼り付けてプレビューを表示。
Base64 画像変換ツールについて
この Base64 画像変換ツールは、すべてブラウザ内で完結します。画像ファイルをアップロードして Base64 データ URI を生成、またはデータ URI を貼り付けて画像にデコードできます。インライン埋め込み用の CSS と HTML コードスニペットも提供されます。アップロードは一切なく、JavaScript によってデバイス上で処理されます。
使い方
- 画像 → Base64：ファイル入力をクリックして画像を選択。Base64 データ URI が出力ボックスに表示され、ライブプレビューも表示されます。
- Base64 → 画像：テキストエリアにデータ URI を貼り付け、「画像にデコード」をクリックしてプレビューとファイル情報を表示。
- コピーボタンを使用して Base64 文字列、CSS
background-imageルール、HTML<img>タグを取得。 - 「画像ダウンロード」をクリックしてデコードした画像をデバイスに保存。
Base64 データ URI とは
データ URI は、バイナリデータ（画像など）を Base64 エンコード文字列としてテキストファイルに直接埋め込むことを可能にするスキームです。これにより別途 HTTP リクエストが不要になり、小さな画像のパフォーマンスを向上できます。データ URI は CSS 背景、HTML img タグ、JSON ペイロード、メールテンプレートでよく使用されます。
よくある質問
対応画像形式は？ PNG、JPEG、GIF、SVG、WebP、およびブラウザがサポートするその他の形式。
ファイルサイズ制限は？ 唯一の制限はブラウザの使用可能メモリです。非常に大きな画像は非常に長い Base64 文字列を生成し、一部のテキストエディタが遅くなる場合があります。
画像はアップロードされますか？ いいえ。すべての操作はブラウザのローカルで行われ、画像がデバイスから外に出ることはありません。