image - 画像セットまたは動的画像サイズ変更を使用していますか？

Question

ここで適切な質問を見つけることができなかったので、あなたの知識と経験に応じて、私自身に質問することにしました。すべての画面解像度に合わせてWebサイトを準備するためのより良いソリューションは何ですか。+メディアクエリ+複数の画像セット+メディアクエリ+1つのセットから画像のサイズを変更するjqueryスクリプト（たとえば、画面幅1600px用に準備された画像）

どちらの解決策が良いですか？片側から見ると、画像の品質は複数の画像の方が良いと思いますが、多くの転送を吸収します。

ありがとう！

Answer 1

複数の画像解像度がすでに処理されているからといって、多くの転送を使用するわけではありません。画質を犠牲にすることなく、ユーザーが使用する解像度に応じて最適な帯域幅を使用します。

これを行う必要があります：

1）ユーザーが使用しているデバイスの種類を考慮して、必要な画像サイズを把握します

2）アップロード時に画像を必要なサイズに変換するスクリプトを作成します

3）各画像サイズを保存するための適切なフォルダ構造を作成します。これにより、適切な画像を選択するのにかかる時間ができるだけ短くなります。

4）インライン画像のサイズ変更は避けてください。これは、帯域幅を実際に浪費するものです。