css - 视网膜/高分辨率图像

Question

在创建网站/移动应用程序并适应视网膜/高分辨率屏幕(需要两倍大小的图像)时，为什么只包含更大的图像不是一个好主意，并将其大小缩小一半，这样您只有一张图像，在非视网膜图像上，它只会变得更小(图像中的细节数量相同)。

这样一来，您就不需要双倍的图像数量，因为您只有一张更高分辨率的图像，可以将其尺寸缩小一半以适应两个屏幕？

Answer 1

why is it not a good idea to include just the bigger image, and size that to half the size so you only have one image which which, on non-retina images, will just become smaller (with the same amount of detail in the image)

这不是一个好主意，因为在人们没有高分辨率/视网膜移动设备的情况下，您只是浪费了大约 40% 的图像带宽。

根据流量的大小，额外带宽的成本会很快增加。