Utill.net

画像→Base64

データURI

画像をアップロードしてBase64データURIに変換します。HTML、CSS、JavaScriptに追加HTTPリクエストなしで直接埋め込めます。

このツールについて

画像をアップロードしてBase64データURIに変換します。HTML、CSS、JavaScriptに追加HTTPリクエストなしで直接埋め込めます。

このツールはブラウザの FileReader で画像ファイルを data URI として読み取り、Base64 文字列と MIME タイプを含む結果を作成します。Base64 は元ファイルより大きくなるため、小さな画像や埋め込みが必要な場合に向いています。

小さなアイコン、デモ HTML、メールテンプレート、CSS 背景など、追加ファイルリクエストを減らしたい場面に便利です。

使い方

  1. 画像ファイルをドラッグまたはアップロードします。
  2. プレビューとファイルサイズを確認します。
  3. 生成された Base64 data URI をコピーします。
  4. 大きな画像はキャッシュと読み込み性能を考え、別ファイルのままにするか検討します。

関連ツールと概念

最終更新: 2026-05-08