スマートフォン制作の画像サイズについて

質問

近年、あまりにもサイズが多様化している
スマートフォンの画像サイズについて、お聞かせください。

この度、写真をスライドさせるUIをスマートフォンでつくる予定です。

これまでのスマートフォン制作では640pxで主に画像を作っておりました。
ただ、現状、スマートフォンの解像度が多様化しているので
いったい、今の主流としてサイズはいくつで作るのが
ベストなのかな…と毎回、悩んでおります。

Portrait、Landscape両方に対応予定です。
小さくしても、写真画像なので大きな劣化はないことは承知しているのですが、
写真の上に文字も少し載せる画像になります。
通信が重くならず、あまり劣化が気にならないサイズについて
アドバイスをいただけたら助かります。

スマートフォンサイトの制作について
お詳しい方、よろしかったら、ご教授いただけたらと思います。

何卒よろしくお願いいたします。

回答No.1

ORUKA1951 · ベストアンサー

＞いったい、今の主流としてサイズはいくつで作るのがベストなのかな…と毎回、悩んでおります。
　すでにサイトを作られてこられたようですから、御存知だとは思いますが、下記を読み返してみてください。
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
　HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。 相互運用性の達成は、コンテンツプロバイダのコストを低下させる。なぜならただ1種類の文書しか作る必要がなくなるからだ。
・・・【中略】・・・
　HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［HTML4.01仕様書HHTMLの略歴( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より

【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
文書の構造をプレゼンテーションと切り離すことで広汎なプラットフォームや多様なメディアでの文書提供コストを低下でき、文書の改訂も容易になるということが、経験的に知られている。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［HTM4.01仕様書#構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )］より

　スマホのディスプレイ幅は本当に様々です。今後もどんどん増えていくでしょう。

　わざわざHTMLでウェブページを作るのは、たった一つの重要なこの「どんな環境からもWebの情報を利用できる」という特徴があるからですよね。
　スマートフォンは、mediaタイプで言うと、screenに属しパソコン用のものと同じです。

＞通信が重くならず、あまり劣化が気にならないサイズについて
　現在のネット環境では従来ほど配慮しなくて良いですが、それほど重要でない画像でしたら、圧縮率や高機能な画像処理ソフトでしたら問題はないと思います。

以前回答した簡単なサンプルが
　⇒フレキシブルデザイン、リキッドデザインのimg - Webデザイン・CSS - 教えて！goo( http://okwave.jp/qa/q8523370.html )
　にあります。幅広ディスプレイ～スマホ、および印刷まで対応させてあります。使用している画像自体は印刷を考慮して960px幅です。

　スマホを考慮されるなら、CSS3のbackground-sizeプロパティも使用できますし。

お礼

ご回答ありがとございます。

なんだか、基本的な事を教えていただいた気がします。

日々進化する様々なデバイスに対応するのに苦労しておりますが、
こういった機会にHTML文書をきちんと読んでみたいと思いました。

ぜひとも参考にいたします。

ありがとうございました。