背景

スマートフォン向けWebサイトを構築する際にはAndroid, iPhone3GS, iPhone4, iPad, Android tabletなどの解像度やディスプレイの大きさが異なったデバイスにて最適に表示されなければなりません。

特に画像は「クオリティVS表示速度」のトレードオフになるのでトップビジュアルなどの大きな画像は綿密な動作確認が必要です。

概要

トップビジュアルのクオリティを様々な書き出しオプションにて出力した画像から比較検討するためのプログラム作りました。今のところ、GIF画像のみを想定しています。

ダウンロード

https://github.com/matsubo/Image-checker-for-smart-phone

デモ

https://matsu.teraren.com/static/Image-checker-for-smart-phone/

スクリーンショット

横幅ごとに一覧ページが作成され、色数ごとに画像が出力されます

各画像の下にある「Detail」ボタンを押すと色数と重さが表示されます

おまけ：iPadで確認してみたり