HTMLのIMGタグは画像をタグの中に埋め込めます.
普通のHTML
これはいつものHTML画像タグ
<p>これはtakuyaさんのアイコンです→<img border="0" src="http://example.net/icon.png"/>
IMGタグに画像を埋め込む
img タグ内部に直接画像データを埋め込む事が出来ます.
<p>これはtakuyaさんのアイコンです→<img border="0" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCA.. " />
PHPから簡単に出すことが出来ます.
<img src="data:<?php echo finfo_file($finfo, $filename);?>;<?php echo base64encode(file_get_content($filename))?>" />
php を使うと、インラインタグを簡単に出力することが出来て便利ですね.
何が嬉しいの?
埋め込んだら何が嬉しいのか
- コネクション数軽減
- ブラウザ描画速くなる
これらの影響はもう圧倒的です.
他にも埋められる.
MIMEコンテンツならたいてい埋められます.
埋め込む先はHTMLだけですか?
いいえ、CSSにも埋め込めます
img.icon { background-image:url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCA.."); }