画像をBase64に変換 – 無料オンライン
どんな画像もすぐにBase64へ変換。データURIやHTML・CSSのコードを取得でき、Base64を画像に戻すこともできます。ファイルはブラウザの外へ送信されません。
🔒 ファイルがブラウザの外へ出ることはありません。すべての処理はローカルで行われます。
画像をエンコード → Base64
画像をBase64に変換する方法
- 1
画像をアップロード
アップロード欄をクリックするか、画像をドラッグ＆ドロップしてください。JPG、PNG、WebP、GIF、SVGに対応しています。
- 2
結果をコピー
Base64文字列、データURI、HTMLのimgタグ、CSSコードがすぐに表示されます。「コピー」ボタンを押すとクリップボードにコピーされます。
- 3
プロジェクトで使う
データURIをimgのsrc、CSSのbackground-image、URLを指定できる場所に貼り付けます。画像が完全に埋め込まれるため、外部ファイルは不要です。
Base64エンコードは、画像のバイナリデータをASCII文字の文字列に変換する方法で、HTML、CSS、JSON、XMLなどのテキスト形式に安全に埋め込めます。小さなアイコンやロゴを追加のHTTPリクエストなしでページに直接埋め込みたいときや、テキストしか受け付けないAPIで画像をやり取りしたいときに便利です。
データURIは、MIMEタイプとBase64データを1つの文字列にまとめたものです（例：data:image/png;base64,iVBORw0KGgo…）。ブラウザは画像ファイルを指すURLとまったく同じように扱います。変換はすべてブラウザ内でFileReader APIを使って行われ、ファイルがサーバーにアップロードされることはありません。
Base64は小さな画像（5KB未満のアイコンやロゴなど）に向いています。Base64にすると元のバイナリより約33%大きくなり、ページが重くなってキャッシュも効きにくくなるためです。大きな画像は通常のURLで読み込みましょう。逆方向のモードでは、Base64文字列またはデータURI全体から画像を復元し、プレビューとダウンロードができます。