Base64 データ URI とは
Base64 は画像などのバイナリデータを、英数字と +・/・パディング用の = だけのテキストに変換する方式です。データ URI はそのテキストに data:image/png;base64, のようなヘッダーを付けたもので、ブラウザはこれだけで画像として扱えます。別ファイルを用意せずに <img src> や CSS の background-image、JSON のフィールドに直接埋め込めます。
使いどころ
- 小さなアイコンやロゴを CSS・HTML に直接埋め込み、余分な通信を減らす。
- ファイルアップロードに対応していない API へ、JSON の中に画像を入れて送る。
- メールテンプレートや設定ファイルに画像をインラインで貼り付ける。
Base64 化すると元のファイルよりおよそ33%大きくなるため、小さなアイコンやロゴ向きで、大きな写真には向きません。
よくある質問
画像はどこかにアップロードされますか？
されません。変換はブラウザ内蔵の Base64 エンコーダーで行い、「Base64 → 画像」側のデコードもすべて端末内で完結します。
「画像として認識できません」と表示されるのはなぜ？
data:image/... ヘッダーのないテキストは、データの中身が JPEG・PNG・WebP・GIF・BMP のいずれかの形式と一致した場合のみ画像として認識します。ヘッダー付きのデータ URI をお持ちなら、そのまま全体を貼り付けてください。
複数行に分かれた Base64 も貼り付けられますか？
はい。改行やスペースはデコード時に無視されます。
本当に無料ですか？
はい。登録・透かし・回数制限はありません。