Firefoxのレンダリングの謎

「いきものみっけ」のプロジェクトで、調査結果報告のグラフィックを作成し、それを報告サイトに掲載したところ、Photoshopはもとより、ローカル環境で画像を見ることができる、あらゆる画像プレビューアプリケーションでも問題なく表示されていて、さらにウェブブラウザとして、IEでも、Operaでも、Chromeでも、とにかくすべてでまったく問題なく表示されているJPEGファイルが、なぜかFirefoxの上だけで、薄い色の部分がちゃんとレンダリングされずに横筋のボーダーが入った状態で表示されてしまうという事象が起こって、今日の午後、すこしバタバタした。

左のサムネイルをクリックしてもらったら、問題を起こしたJPEGファイルを見てもらえますので、これをFirefoxとIEの両方で開けて見較べてみてください。ええぇ？っていう状態が確認してもらえると思います。でもこれは僕のところだけで起こっている問題というか、僕の環境が悪くて引き起こしている問題かもしれず（環境はWindows XP SP3です）、どこがー？って感じで問題が確認できない可能性もあるので、いま起こっている状態をキャプチャして右下に掲示しておきます。んで、なぜそうなったのかの本当のところは今も謎のままなのですが、Photoshopからの書き出し時点で、何かFirefox的にレンダできない何かの圧縮コーディング記述があったとしか考えられません。問題が起こっているJPEGファイルは、CS3のPhotoshopから「最高品質・圧縮100%」で書き出しで起こっています。念のため同じ元PSDファイルをCS2のPhotoshopで開け、同じ「最高品質・圧縮100%」設定で書き出したところ、問題は回避されました（わかんねー）。

その両方のJPEGファイルのどこが異なったコーディングになっているのかを確認しようと思って、両方のファイルをエディタでリ・コンパイルしてみたところ、Firefoxでのレンダリングでも問題のないCS2で書き出したファイルは、284,173バイトでコードは1,776行で書かれていました。一方、問題を起こしたファイルの方は、284,408バイトありながら、コードは1,734行で書かれていて、問題ありの方がコード的には短縮（圧縮）されているのがわかりました。明らかにコード量は問題ありの方が短いのに、そっちのほうがファイルのバイト数が多いってのもわかんないんですが、そういう事がわかったからと言って何も解決したわけでもないし、こうしたほうがイイというTIPSがあるわけでもありません（すみません）。IEや他のブラウザでは起こらないような、この微妙な差が何なのかもわかりません。だけど、他のブラウザと違って、Firefoxのレンダリングエンジンだけは、何か違うコトが起こる可能性があるということだけはわかったので、エントリーとしてここに残しておきます。今後、ウェブで使用する場合は、書き出したJPEGファイルをFirefoxで問題がないかを確認するのを必須としていきたいと思います。何か情報があったら教えてください。よろしくお願いします。