为什么网站使用Retina-ready在PC中使用原始大小的图像？

Question

一些移动网站使用Retina-ready，使用两倍大小的图像来获得更好的质量，

并在PC中使用原始图像尺寸。

我不明白为什么不在每个设备中直接使用两倍大小的图像，

因为计算机不是那么迫切需要节省网络流量。

准备两张不同尺寸的照片太花时间了....

这是一个盲点？或者我错了？..

=============================================== ==============

额外内容 - 2013-07-10：

唯一的问题是“他们在PC中使用原始大小的图像，那么为什么不在PC中使用两倍大小的图像呢？” 它在Retina准备好了，为什么PC需要原始尺寸，PC不需要，对吧？

Answer 1

如果我正确地解释了您的问题，那么问题就是为什么网站不会使用他们在较低DPI监视器上用于Retina显示的相同高分辨率图片。

然后我的反应是，他们为什么要这样做？

• 像素大小两倍的图片占用字节数的四倍。这不仅仅是带宽，还有客户端计算机中的内存
• 你没有获得任何质量。如果有的话，如果浏览器的调整大小能力不是最高标准，那么屏幕上的质量会降低（读取：如果他们优化速度而不是质量）
• 此外，当您在具有许多已调整大小的图像的页面上向上和向下滚动时，有些浏览器会受到明显的性能影响
• 最后，对于web开发人员，在将图片部署到Web服务器上之前创建较小的图片副本并不会花费那么多时间。只需按一下按钮，就可以实现自动化的实用程序。