エンコード
Data URI / Base64 画像
画像を Data URI(data:image/…;base64,…)にエンコードして CSS/HTML に埋め込み、また Data URI や生の Base64 をファイルにデコード — すべてブラウザ内で完結。
ここに画像のプレビューが表示されます。
よくある質問
Data URI はどんな場面で使いますか?
小さなアイコンやスプライトなどをCSSやHTMLに直接埋め込み、追加のHTTPリクエストを減らしたいときに便利です。ただしファイルとしてはキャッシュされないため、更新頻度の高い画像や大きな画像には向きません。
Data URI にはサイズ制限がありますか?
URI自体に明確な上限があるわけではありませんが、ブラウザやメールクライアントによっては実用上の制限があり、大きな画像を埋め込むとHTML/CSSファイル自体が肥大化しページの読み込みが遅くなります。数KB程度の小さな画像向けと考えてください。
選択した画像はサーバーにアップロードされますか?
いいえ、エンコード・デコードともにブラウザ内の処理だけで完結しており、画像ファイルがサーバーに送信されることはありません。