javascript - 视网膜图像显示

Question

这个问题已经有答案了:

已关闭 10 年前。

Possible Duplicate:
Showing retina display image with pure css

我一直在阅读一些有关视网膜显示媒体查询的内容，以便为那些拥有视网膜显示的人提供更高质量的图像。我的问题是我是否在我的资源中保存同一张图像两次(一个是医学质量的，另一个是高质量的)例如，质量)，然后根据设备是否支持视网膜来提供其中之一

或者我是否拥有一张图像，然后使用媒体查询在支持视网膜的设备上以最高质量提供该图像。

我的第二个问题是，如果用户拥有支持视网膜的设备，我如何告诉浏览器以最高质量提供所有图像

如果这是一个基本问题，欢迎任何建议，并表示歉意

Answer 1

IMO，您必须根据设备分辨率提供不同的图像 - 主要原因是小型设备可能具有较低的带宽连接和较少的资源(考虑本地缓存)等 - 因此较低分辨率的图像(具有较小的尺寸) )将是更好的选择。

无论您创建静态 Assets 还是使用某些工具/处理程序动态创建它们是一个不同的问题。例如，Adaptive Images是基于 PHP 的解决方案，采用后来的方法。

编辑
至于你的第二个问题，如果你使用媒体查询，那么浏览器每次都会做出这个决定 - IMO，除了使用媒体查询来应用适用于该设备的整个 css 文件之外，没有任何解决方案。但我认为从性能 Angular 来看不会有任何显着差异。