1つの画像を保持する幅が1200ピクセル、幅が3/4ピクセルのウェブページがあります。各画像は300/400ピクセル幅です。ブレークポイント(768)の下では、768pxの幅にスケーリングされているため、画像がぼやけて表示されます。 私は可能な限り小さくしたいと思っていましたが、私は大きな画像を使用しなければならないと思っています。大きなデスクトップビューと1:1(ほぼ)タブレットでのメディアクエリで縮小します。タブレットで折りたたまれたときに応答の遅い画像がぼやけて表示されます
1
A
答えて
0
最大のものが768pxにアップロードされます。イメージが多く、サーバーからの接続や帯域幅が遅い場合のダウンロード時間を心配する場合は、解像度に応じてイメージをロードすることを検討してください。
あなたがもっとここで読むことができます。 http://www.html5rocks.com/en/tutorials/responsive/picture-element/
をあなたはまた、応答性の画像をGoogleと最高のあなたに合うものを参照してください、またはあなたがそれにしている場合は、独自のソリューションを構築することができます:)
大きな画像を使用して達成されます必要に応じて、メディアクエリを使用して網膜ディスプレイデバイスを検出し、正しい条件を満たす場合はイメージを隠す/表示することも検討してください。参照:https://css-tricks.com/snippets/css/retina-display-media-query/ また、次のようなjqueryライブラリを試すこともできます。http://luis-almeida.github.io/unveil /。私は自分で使ったことはありませんが、あなたが必要とするものを行い、要求されたときにのみ画像を読み込むように見えます。 – mmmoustache