レスポンシブでサイトを作るとき、ビックイメージをディスプレイの横幅100％表示にしたいのですが、 背景画像の最低サイズはどれくらいでしょうか？

Question

レスポンシブでサイトを作るとき、ビックイメージをディスプレイの横幅100％表示にしたいのですが、
背景画像の最低サイズはどれくらいでしょうか？

縦は682pxくらいあれば大丈夫でしょうか？
下記を見るとそれでも、縦幅半分くらいでしょうか？
http://web-tan.forum.impressrd.jp/e/2011/06/07/10408

横は今後の事を考えたり、今後レティナのTVが出るなどを考えると横幅を2000PXくらい広がると考えそれに耐えれるように、画像のサイズを考えないとだめのでしょうか？
横幅1000PXとして作った画像がそれ以上のサイズで100％表示されると、ボケないでしょうか？

今デザインカンプを作成中なのですが、横幅1000PXのカンバスで作っています。
これですと、ビックイメージや背景画像も当然横幅1000PX、その他スライスして使う画像も1000PXだった時のサイズになると思うのですが、すると1200PXのPCで見た場合画像がボケてしまわないでしょうか？

皆さんはそのような場合どうしているのでしょうか？

レスポンシブのカンプは横幅何PXで作っていますか？

Answer 1

100%表示で画像より大きなディスプレイで表示すると、当然ボヤけます。
Retinaディスプレイではけっこうボヤけることがありますね。
以前は不必要に大きな画像を貼ると通信に時間がかかるので忌み嫌われていましたが、
高速回線が普及した最近ではカンプでは横幅1000pxで作ってもリンク画像は2000px以上にして作ることもけっこう多くなってます。

Comments

[退会済みユーザー]

LTEが普及してきているので、IPHONE6プラスを2倍として、
1080 x 1920PXのサイズと仮定して、すべての画像を作り直し、スライスするか、
1080 x 1920PXのサイズのカンプをPCのカンプとして、作れば、これ以上のサイズはPCでもありえないので、すべてのデバイスでボケることがないということで良いでしょうか？
IPHONE６プラス

2倍とした場合
1080 x 1920PX

3倍とした場合
(1242　x 2208)

[退会済みユーザー]

「すべてのデバイスで」と聞かれてもすべてのデバイスを試さない限り保証はできませんし、今後もっと高解像度ディスプレイのデバイスが発売されるかもしれませんよね。

データ量と画像のキレイさはおおむねトレードオフということを理解した上で、その案件での必要性や、かかる費用や、社会的な環境などを総合的に判断して、現実的なレベルで妥協するのが実務での運用だと思います。