本文へスキップ

画像 → Base64 変換ツール

画像をドロップして Base64 Data URL、生 base64、<img>/CSS スニペットを取得。

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

このツールについて

画像 → Base64 変換ツール — 画像をページにドラッグすると、4 つの形式のいずれかで Base64 表現を取得できます。

出力形式

  • Data URL: data:image/png;base64,… — CSS、JSON、HTML に貼り付け可能。
  • 生の Base64: エンコードされたバイトのみ (MIME プレフィックスなし)。
  • <img> タグ: すぐ使えるマークアップ。
  • CSS 背景: background-image: url("…"); スニペット。

リサイズと再フォーマット

最大幅 (320 / 640 / 1024 / 1920 px) と出力形式 (PNG / JPEG / WebP / GIF) を選択すると、エンコード前に画像を縮小・変換できます。メール用の < 50 KB インライン画像生成に便利。

プライバシー

エンコードは Canvas API を通じてブラウザ内で完結 — 画像がデバイスを離れることはありません。