スマートフォン用画像チェックプログラム

このエントリーをはてなブックマークに追加
はてなブックマーク - スマートフォン用画像チェックプログラム
LINEで送る
Pocket

背景

スマートフォン向け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で確認してみたり

このエントリーをはてなブックマークに追加
はてなブックマーク - スマートフォン用画像チェックプログラム
LINEで送る
Pocket

matsubokkuri

Please feel free to contact me via e-mail, twitter and facebook!

あわせて読みたい

コメントを残す