On Emotionのイシハラです。

朝っぱらから、とあるサイトを見ていたケイスケ君に「これ画像じゃないの！？」と、やや半ギレ気味に聞かれまして、「あ～それjavascritptで表示させてんじゃないの～？」とか、のらりくらりとかわしたわけですが、そういえばどうやるんだろうなと思って調べてみました。

調べたところ、あの有名なKawa.netさんのところに載ってました。（http://www.kawa.net/works/js/data-scheme/base64.html）

base64に変換したバイナリデータをdataスキームとして表示させてるようです。

なかなか素敵な技術。初めて知りました。

しかし、dataスキームは、なんとIEには対応してない模様。
やはり、というべきか・・・。

比較的簡単そうだったので、phpで画像をbase64に変換してdataスキームを使って表示させてみました。
ソースを見るとわかると思いますが、srcにbase64が入っています。

実験(IE非対応）

正直このスクリプトには意味がないような気もしますが、スゴイ人はwavファイルとjavascriptで色々やっているようです。

ついでに、元の画像（jpg）とエンコードされたテキストのサイズを比べてみました。

元画像： 35,637 バイト

base64： 47,538 バイト

さて、どう使おうか・・・。

それでは。