🖼️ 画像 → Base64・Data URL 変換

画像をドラッグ＆ドロップで Base64 / Data URL に変換します。CSS の background-image や HTML img タグにそのまま埋め込めます。

✅ 完全無料・登録不要・サーバーへのデータ送信なし

📂

画像をドラッグ＆ドロップ、またはクリックして選択

PNG / JPG / WebP / SVG / GIF / AVIF / BMP / ICO

💡 Data URL の使い方

• 小さなアイコンや 1〜2 KB 程度の画像なら HTTP リクエスト数を減らせます。

• Base64 エンコードはサイズが約 33% 増加します。大きな画像の埋め込みは逆効果になることも。

• SVG はそのままインライン化することも検討してください（さらに小さくなることがあります）。

1

画像をドロップまたはクリックして選択

ドラッグ＆ドロップエリアに画像をドロップするか、クリックしてファイルを選択します。PNG・JPG・WebP・SVG など主要形式に対応しています。
2

出力形式を選択

Data URL・Base64 のみ・CSS background-image・HTML img タグ・Markdown の中から使用する形式を選択します。
3

コピーして使用

「コピー」ボタンでエンコード済みテキストをクリップボードに保存し、コードに貼り付けます。

クリップボードからの貼り付けにも対応していますか？

はい。スクリーンショットなど画像をクリップボードにコピーした後、ページ上で Ctrl+V / Cmd+V を押すと自動的に読み込まれます。

Base64 に変換するとファイルサイズはどうなりますか？

Base64 エンコードはファイルサイズが約 33% 増加します。大きな画像を埋め込むとページ読み込み性能に悪影響を与える可能性があります。

どのような場面で Data URL を使うのが適切ですか？

1〜2 KB 程度の小さなアイコンやインライン画像に向いています。HTTP リクエスト数を削減したい場合に有効ですが、大きな画像には不向きです。