画像 Base64 コンバーター
以下に画像をドロップすると即座に Base64 にエンコードします — すべてブラウザ内で動作し、サーバーへのアップロードはありません。
画像をここにドラッグ＆ドロップ
またはクリックして参照 — クリップボードからの貼り付けも可能です
画像を選択
画像を追加すると Base64 文字列がここに表示されます。
画像 Base64 コンバーターについて
Image to Base64コンバーターは、任意の画像をBase64文字列またはすぐに使えるデータURIに、すべてブラウザ内でエンコードします。ドロップゾーンにファイルをドラッグするか、参照して選択するか、クリップボードから画像を直接貼り付けると、プレビューとともにエンコード結果がすぐに表示されます。
生のBase64(エンコードされたバイト列のみ)か、data:image/…;base64,…の形式の完全なデータURIかを選べます。データURIはCSSのbackground-image、HTMLのimg src、JSONペイロードにそのまま貼り付けられます。詳細パネルにはファイル名、MIMEタイプ、ピクセル寸法、元のサイズ、エンコード後のサイズが表示されます。
ファイルはFileReader APIによってローカルで読み込まれるため、どのサーバーにもアップロードされません。ロゴや社内ダッシュボードのスクリーンショットなど、第三者に渡したくないアセットを扱う際に便利です。
画像 Base64 コンバーターの使い方
- 画像をページにドラッグ&ドロップするか、クリックして参照するか、クリップボードから貼り付けます。
- 出力形式(生のBase64かデータURIか)を選びます。
- プレビューと画像の詳細(種類、寸法、元のサイズとエンコード後のサイズ)を確認します。
- 「Base64をコピー」をクリックして、CSS、HTML、JSON用の文字列を取得します。
よくある質問
いいえ。ファイルはFileReader APIを使ってブラウザ内でローカルに読み込まれ、エンコードされます。サーバーには一切触れないため、大きな画像でも結果が瞬時に表示されます。
はい、無料で、変換できる画像数の制限もありません。
インライン化は、アイコンや小さなロゴ、メール用画像といった小さなアセットで、キャッシュの効率よりもHTTPリクエストの削減が重要な場合に向いています。大きな写真は通常のファイルとして配信するほうがよく、Base64にすると個別のキャッシュが効かなくなります。
Base64は3バイトごとに4文字のASCII文字で表現するため、エンコード後の文字列は元のファイルよりおよそ33%大きくなります。詳細パネルには両方のサイズが表示されるので、トレードオフを判断できます。
生のBase64はエンコードされたバイト列のみで、APIやJSONフィールドに便利です。データURIはそのバイト列をMIMEタイプのプレフィックス(data:image/png;base64,…)で包んだもので、src属性やCSSのurl()にそのまま渡してブラウザにレンダリングさせられます。
人気の検索
画像 base64 変換
base64 画像 エンコーダ
画像 data uri
画像 base64 オンライン
png base64
インライン画像 base64
お困りですか？
このツールで問題が見つかりましたか？チームにお知らせください。