IEで縮小	サーバで縮小

別に気にしなければなんて事はないのですが、たまたま Internet Explorer で自分のページを見ると、絵を width=～, height=～ で縮小している関係でズタボロになってて悲しかったので、やっぱりサーバ側で縮小することにしました。

右図は Internet Explorer で縮小した(差し替わる前の)ものとサーバで縮小(pnmscale)したものの比較。Internet Explorer でも写真だとあんまりわかんないのですが、さすがにこのサイズだと違って見えますね。IEだと絵がズタボロなのは語るに及ばずってことで。

サーバの負荷状況にもよりますが、最初に表示したときは中くらいのファイルをブラウザにて縮小表示、1～2秒後にサーバで縮小(pnmscale)した画像に差し替わります。内部的にはウィンドウリサイズ後 0.2 秒経過したら <img>のオブジェクトのsrcを書き換えてサーバにリクエストを送っています。当初は別のオブジェクトを用意して読み込み完了後に差し替えていたのですが、これだと Internet Explorer では2回リクエストが送られることになっちゃうので今の方式に。ブラウザによっては画像が表示された後すぐに消えて徐々に表示されることがあるかもしれません。

ということで、いつもここに来てくださってる方にはあんまり関係がないと思うのですが、一般的には Internet Explorer というブラウザがいちばん多く使われているという噂ですので、うちのページもちょっと一般仕様に近づいたかもしれません。

これの動作テストをしている時に気付いたのですが、なんと同じMacBookProで動作させているにも関わらず FirefoxやCaminoとSafariでは色がずいぶん違うのです。

左: Firefox 右:Safari

ほへー、こんなこともあるのですねー。ちょっと調べてみると、SafariではJPEG画像にICCプロファイルが埋め込まれているとこれを利用するのに対して、Firefox3ではデフォルトでは about:config の gfx.color_management.enabled が false になっているのだとか。実際にはどっちが正しい色なのかはよくわかりませんが、iPhotoで表示される色はSafariと同じですので、iPhotoでちょこちょこ修正することを考えたら Firefox でもICCプロファイルを有効にしておいたほうが良いのかな? ちょっと試してみたところ、こんどはICCプロファイルが無い絵の色が変わっちゃいます(笑)。そもそも私が使ってる Camino では同項目が無いし、とりあえず気付かなかったことにしておこう(笑)。