画像 → Base64

画像

画像を HTML・CSS・JSON にインラインで使える Base64 データ URL に変換します（別ファイル不要）。画像をドラッグして結果をコピーするだけ。画像はブラウザ内でローカルに読み込まれ、アップロードされません。

—

ここに画像をドラッグ＆ドロップ

またはクリックして選択

使い方

画像をドロップ領域にドラッグするか、クリックして選択します。
プレビューとデータ URL が表示されます。
コピーボタンでデータ URL をコピーします。
img src、CSS 背景、JSON フィールドなどに貼り付けます。

よくある質問

画像はアップロードされますか？: いいえ。ブラウザの FileReader でローカルに読み込み、サーバーには送信されません。
大きな画像をインライン化してもよい？: Base64 はサイズが約 33% 増え、個別にキャッシュされないため、大きな写真より小さなアイコン向きです。
どの形式が使えますか？: ブラウザが読める画像なら何でも — PNG・JPEG・GIF・WebP・SVG など。
CSS で使えますか？: はい — データ URL を background-image: url(…) に貼り付けてください。

関連ツール

SVG → PNG 変換

SVG を任意サイズの PNG にラスタライズ — 透過 / 白 / カスタム背景に対応、ブラウザ内処理。

画像クロップ（アスペクト比）

画像を 1:1・16:9・4:3 などの標準アスペクト比に自動中央クロップ。

画像の回転・反転

画像を 90° 単位で回転、または左右 / 上下に反転して結果をダウンロード。

画像リサイズ

画像を任意のサイズに変更し PNG・JPEG・WebP で書き出し — すべてブラウザ内で完結。

QR コード生成

テキストや URL からカスタム QR コードを作成してダウンロード。

画像圧縮

JPEG・PNG・WebP 画像をブラウザで圧縮・リサイズ。