我一直在阅读有关视网膜显示媒体查询的阅读，以便为有视网膜显示的人提供更高质量的图像。我的问题是我在我的资产中保存了两次相同的图像（一个医疗质量，另一个高例如，然后根据设备是否准备好视网膜来服务于一个或另一个
或者我有一个图像，然后使用媒体查询以最高质量在支持视网膜的设备上提供图像。
我的第二个问题是，如果用户拥有支持视网膜的设备，我将如何告诉浏览器以最高质量提供所有图像
如果这是一个基本问题，任何建议都表示赞赏和道歉
答案 0 :(得分：2)
IMO，您必须根据设备分辨率提供不同的图像 - 主要原因是小型设备可能具有较低的带宽连接和较少的资源（考虑本地缓存）等 - 因此较低分辨率的图像（具有较小的尺寸） ）将是更好的选择。
无论是创建静态资产还是使用某个工具/处理程序来动态创建它们都是一个不同的问题。例如，Adaptive Images是基于PHP的解决方案，需要稍后的方法。
修改
关于你的第二个问题，如果你正在使用媒体查询，那么浏览器每次都会做出决定 - IMO，除了说使用媒体查询应用整个css文件意味着该设备之外，没有任何解决方案。但我认为与绩效观点没有任何重大差异。
答案 1 :(得分：1)
您是否尝试在网上搜索某些解决方案？你有没有尝试过什么？
例如，你试过Retina.js吗？
所谓的“视网膜”显示器的问题在于设备浏览器对您的分辨率有所了解，并且可以扩展您网站上的每个图像和每个其他维度。如果那些只是高分辨率的显示器而没有说谎，那么就不会有这样的问题，standard responsive design techniques和responsive IMGs tricks就可以了。
不幸的是情况并非如此，现在你的设计必须处理：