画像→Base64
データURI
画像をアップロードしてBase64データURIに変換します。HTML、CSS、JavaScriptに追加HTTPリクエストなしで直接埋め込めます。
このツールについて
画像をアップロードしてBase64データURIに変換します。HTML、CSS、JavaScriptに追加HTTPリクエストなしで直接埋め込めます。
このツールはブラウザの FileReader で画像ファイルを data URI として読み取り、Base64 文字列と MIME タイプを含む結果を作成します。Base64 は元ファイルより大きくなるため、小さな画像や埋め込みが必要な場合に向いています。
小さなアイコン、デモ HTML、メールテンプレート、CSS 背景など、追加ファイルリクエストを減らしたい場面に便利です。
使い方
- 画像ファイルをドラッグまたはアップロードします。
- プレビューとファイルサイズを確認します。
- 生成された Base64 data URI をコピーします。
- 大きな画像はキャッシュと読み込み性能を考え、別ファイルのままにするか検討します。
関連ツールと概念
最終更新: 2026-05-08