正解は画面解像度やビューポートに応じた画像を指定することです。srcset="image-1x.jpg 1x, image-2x.jpg 2x"で解像度別、srcset="small.jpg 480w, large.jpg 1024w"でサイズ別に画像を指定できます。ブラウザが最適な画像を自動選択します。