グレースケールの網膜ディスプレイでの画像レンダリング

Question

カスタム開発されたeコマースウェブサイトでは、大きな画像を使用して、販売する製品の高品質の画像を表示しています。これらのイメージがRetinaディスプレイ（およびMicrosoft Surfaceマシン上）にレンダリングされると、読み込み中にカラーにスナップする前に最初に白黒画像として表示されます。 （ネットワーク調整を使用すると、再現が簡単になります）Safari、Firefox、Chromeの最新バージョンでこれを実行しています。ブラウザがすでにダウンロードしたグレースケールデータを表示することを決定したため、エンドユーザはできるだけ早く何かを見ているのだろうかと私は思っています。

つまり、ブラウザーは、画像がゆっくりとダウンロードされている場合、最初に画像の白黒バージョンを表示しますか？

Answer 1

答えは:-)

詳しい情報は要するにhere を見つけることができるそうです、私たちは、網膜の画面のために大きかったシーケンシャルJPEGファイルを使用していました。大きくなると、それらの画像の読み込み速度が遅くなるため、ほとんどのブラウザではYCbCrレイヤーの白黒レイヤーが最初に表示され、次に最初のカラーレイヤー、次に2番目のレイヤーが表示されます。この規則の例外はf.iです。 IE11（here参照）。

この問題は、順次のJPEGではなくプログレッシブJPEGを使用して解決しました。