2010年05月10日

SoftBank VGA端末に画像を対応する時

携帯サイトで画像を使用する時、大抵の場合は現在多くの機種に使われている横画面解像度240ピクセルを標準に使用することが多いと思います。

最近の機種で横解像度が240ピクセル以上であっても自動で拡大してくれる機種が多いので(画質は少々粗くなりますが)ほぼ問題ないのですが、SoftBankのVGA端末など、自動で拡大してくれない機種もあるので、これらの機種に対応する場合はいくつかのやり方があります。

基本的なやり方としてはphpなどで振り分ける方法などがありますが、おそらく一番簡単な方法としては画像を直接パーセントでサイズを指定してしまう方法でしょう。例えば:

<img src="image"  width="240">

となっている所を

<img src="image"  width="100%">

と指定してやるのです。

元の画像が240ピクセルでした場合、横解像度が240より大きい端末で見ると画像が拡大され粗く表示されますが、手軽に横いっぱいに表示したい場合はこのやり方が良いでしょう。

画像が240より小さい場合は、240を標準に計算するとよいでしょう。

<img src="image"  width="120">

となっている所を

<img src="image"  width="50%">

と指定してやるのです。

画像サイズが中途半端だった場合、小数点以下のパーセント指定も大抵の機種でできますが、しなかった場合とも画像の見栄えはほぼ変わらないように見えます。
タグ:G
posted by ラクサス at 10:38| Comment(0) | TrackBack(0) | web | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。