突然ですが、皆さんは上記画像がどの様に表示されていますか?黄色い背景ですか?それとも、青い背景ですか?黄色い背景が表示された人はFirefoxで見ていますね。青い背景の人はそれ以外のブラウザで見ていることでしょう。

 「えっ?!」

と、思いますよね。それぞれのブラウザで見ればわかると思いますが、もし、見ることができない人は下記にその画像を用意しておきましたので見てください。また、その理由も合わせて。

 上記画像をFirefoxで見た場合は下記のように表示されます。

Firefoxで見た時の画像

Firefoxで見た時の画像

 また、Firefox以外のブラウザ(IEなど)で見た場合は下記のように表示されます。

Firefox以外で見た時の画像

Firefox以外で見た時の画像

 さて、なぜこの様にブラウザ毎によって表示される画像が異なるのかというと、画像形式の問題です。この画像はAPNG(Animated Portable Network Graphics)という形式の画像で作られているのですが、この形式の画像に対応しているのが今現在ではFirefoxしか対応していません。こちらのWikipediaのページで左側にあるボールを見てください。Firefoxの場合は跳ねていますが、それ以外だと止まっているはずです。上記画像はこれをうまく使ったものでした。

 わかってしまうと、たいしたことがありませんが、なかなか面白いですよね。どこかで応用できそうな気もします。

実例でわかるデジタルイメージング

著者/訳者:東 陽一 井上 裕夫

出版社:日本印刷技術協会( 2011-04-20 )

定価:

Amazon価格:¥ 2,880

単行本 ( 180 ページ )

ISBN-10 : 488983091X

ISBN-13 : 9784889830910