本文へスキップ
変換ツール

画像 Base64 変換｜Data URI・CSS・HTML

画像を Base64 の Data URI にエンコードし、Base64 のみ・CSS 背景・HTML img タグ・Markdown 形式でコピー。PNG、JPG、GIF、WebP、SVG などを自動判別します。

ブラウザ内で変換 · 登録不要

画像 1 枚・最大 15 MB · PNG、JPG、GIF、WebP、AVIF、SVG、BMP、ICO

使い方

  1. 画像を選ぶか、枠内にドロップします。
  2. 出力形式を選びます：Data URI、Base64 のみ、CSS、HTML、Markdown。
  3. テキストをコピーするか、.txt ファイルとしてダウンロードします。

変換例

logo.png（1.2 KB）→ data:image/png;base64,iVBORw0KGgo…（テキスト約 1.6 KB）

仕様と制限

Base64 のテキストは元ファイルより約 33% 大きくなります。小さなアイコンやロゴはインライン化し、大きな画像はリンクで読み込むとページが重くなりません。

画像の形式はファイル名ではなく中身から判別します：PNG、JPG、GIF、WebP、AVIF、SVG、BMP、ICO。エンコードはブラウザ内で行います。

FAQ

Base64 の Data URI はどんなときに使う？

CSS や HTML メール、1 ファイル完結のページに入れる小さな画像など、サイズよりリクエストを 1 回減らすことが重要な場面です。Data URI はページと別にキャッシュされません。

画像はアップロードされる？

いいえ。ファイルはお使いの端末上で読み込み、エンコードされます。

形式の参考資料

ツールページの更新日：