スマホサイトのデザイン画像（jpg、gif、png）の色表示について
2016年1月24日
先日、スマホサイト制作をしていた際、手持ちのandroid2.3の実機でレイアウト確認していたときにデザイン画像の色味が大幅におかしくなる事態が発生しました。
iOS6、9などでは問題なく表示されているのに、android2.3の機種のみjpgの色が正常通り表示できません。
最初はOSの問題かと思い、いろんなエミュレータを試してみましたが、解決策は見つかりませんでした。手持ちのandroid2.X系の機種は1台しかないので、なんともいえませんが、機種の表示可能色数が関係してるかもしれません。
以前にも似たような問題に遭遇したことがあり、その際はjpgからpngやgifに変更したことによって色が正常化したので、今回もそのように正常化するだろうかと思い、pngやgifに変更したところ、画像の色が正常表示されるようになりました。
機種やOSによっては、なぜか画像の色の表示（特にandroid2.X系でのjpg？）が正確でないものがあるようです。
ネットで調べてみてもあまり記事がみつからなかったのですが、スマホサイト制作の場合、基本的にデザイン画像はpng（もしくはgif）で制作したほうがいいかもしれません。
PCサイトの場合、やはりIE6～8は無視できないのでpv数の多いサイトなどでは、基本的には透過pngは使わないほうがいい、と認識しています。
調べてもネット上であまり記事がなかったので一応備忘録として書いておきました。
median.weblike.jp
