画像自体をBase64エンコードしてHTML内に埋め込んで高速化するPHPコード例:phpspot開発日誌

Base64 Encoding for Images. 画像自体をBase64エンコードしてHTML内に埋め込んで高速化するPHPコード例。 Googleがインスタントプレビューや画像検索で導入してその読み込み速度に驚いた方も多いかもしれません。 その手法をPHPで実現するコードが掲載されていましたのでご紹介。 PHPでやるにはそんなに難しいわけではなさそう。 <?php $img_src = "image/sample.png"; // 画像ファイルの指定 $imgbinary = fread(fopen($img_src, "r"), filesize($img_src)); // バイナリデータを読み込み $img_str = base64_encode($imgbinary); // base64エンコード echo '<img src="data:image/png;base6

[rwaopnet]

PHPで実現するコード例

[escape_artist]

ブラウザキャッシュとコネクション数とどっちを取るか。使いどころは考えねばなるまい

[hidehish]

見てる:

[nors]

http://www.9lessons.info/2010/11/base64-encoding-for-images.html

[luccafort]

あとでやりゅ

[cms-kekato]

これいいな。携帯だとどうなるんだろう？

[lizy]

Googleが作った、Apache用のモジュールにもこういう機能があったような

[hoyo1111]

ブラウザのキャッシュがきかないはずなので、特定ページにしか表示されない画像で使うとよさげ

[toshiyuki83]

試してみたい

[hisasann]

base64_encode、こんな便利な関数があるんですね。

[richard_raw]

こんなことやってたのか！

[andrewanderson]

わお、いいな

[yasumo]

めも

[hiroyuki-i]

IE6で使えないのがなぁ・・・

[reachout]

これは使えそうなtipsなので

[ryouchi]

phpでの計算とネットワークトラフィックの負荷とどっちを取るか・・・

[Kanasansoft]

この方法は画像ファイルのキャッシュが効かなくなるので、使いどころを誤ると酷いことになる。

[Nikki_A]

data URI schemeを使って画像をHTML内に埋め込むサンプル。簡単な自作スクリプト内部でちっこいアイコン画像使いたい時に役立ちそうな。

[halohalolin]

画像自体をBase64エンコードしてHTML内に埋め込んで高速化するPHPコード例。サーバに負荷がかかりそうなので、キャッシュと組み合わせると良さそう。

[ku-kai27]

Rubyでやってみよう。

[Cherenkov]

base64「画像ファイルのキャッシュが効かなくなる」via Kanasansoft

[osnmgn2010]

『<img src="data:image/jpg;base64,'.$img_str.'" />』こんな吐き出し方があるねんなぁ。