それマグで!

知識はカップより、マグでゆっくり頂きます。 takuya_1stのブログ

習慣に早くから配慮した者は、 おそらく人生の実りも大きい。

IMGタグに画像を埋込みする.Base64形式を使うPHPで簡単に

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..");
}

アイコンやチョッとした画像を返すAPI作るくらいなら

イコン画像を返すAPIを作るくらいなら、それをクラスにして,コンテンツをIMGタグに埋めるのもアリだと思う.ユーザー毎にURLを生成するテンプレ関数作ってるより埋め込んだ方が手っ取り早いと思ってたりする.