为什么不在构建网页时始终使用2x图像？

Question

昨天我和一位设计师朋友进行了讨论,其中的重点我将在下面详述:

• 2x图像是较大的文件,但不是您可能认为的4x.在一个示例中,1x图像文件是47kb并且其2x对应物仅是55kb.
• 2x图像仅适用于Retina屏幕,尽管在台式机/笔记本电脑方面逐步使用,但事实是大多数视网膜屏幕都是移动的.
• 虽然wifi变得相当普遍,但台式机(大多数是1x)是唯一一种永远不必从蜂窝网络下载数据的设备.

这些都促使我提出这样一个问题:为什么我们花费精力提供2x图像,而这些图像主要由具有最大带宽限制的移动设备访问？

在睡觉之后,我开始怀疑:好吧,如果我们要忽略最后一期,为什么不只是处理2x？在任何情况下CSS都可以处理缩小图像(也许我在这里错了？)那么为什么不保存媒体查询并节省生成和存储每个图像的2个副本的工作量,只需使用2x到处都是？

我疯了吗？

Answer 1

文件大小问题确实困扰着我。我认为事情应该尽可能小。

不过，如果您不担心这一点，我能想到的唯一临时问题是浏览器对background-size. IE8 不支持它，而且它仍然使用得足够多，不必担心它（至少在我的项目上）。它有一个填充材料，但它不符合真实的东西。