css - Retina/高解像度画像

Question

Web サイト/モバイル アプリを作成し、Retina/高解像度画面 (2 倍のサイズの画像が必要) に対応する場合、大きな画像だけを含めて半分のサイズにサイズ変更するのはなぜ良い考えではないのでしょうか。非網膜画像では、画像が1つだけ小さくなります（画像の詳細は同じです）。

そうすれば、両方の画面に対応するためにサイズを半分に縮小できる高解像度の画像が1つしかないため、画像の量を2倍にする必要はありませんか?

Answer 1

より大きな画像だけを含めてサイズを半分にするのはなぜ良い考えではないのですか)

人々が高解像度/Retina モバイル デバイスを持っていない場合、画像の帯域幅の約 40% を浪費しているだけなので、これは良い考えではありません。

トラフィックの量に応じて、追加の帯域幅のコストはすぐに加算されます。

Answer 2

これは通常、リソースを節約するために行われます。1 つではなく 2 つの画像を保存するために必要なスペースはそれほど重要ではありませんが、(非 Retina デバイスで) 余分な解像度を保存するための RAM は重要です。また、毎回画像のサイズを変更するためにCPUを使用する必要があります。