Javascript 视网膜图像显示

可能重复：

我一直在阅读有关视网膜显示媒体查询的资料，以便为那些使用视网膜显示的人提供更高质量的图像。。我的问题是，我是否在我的资产中保存相同的图像两次（一个是医疗质量，另一个是高质量），然后根据设备是否准备好为其中一个提供服务

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

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

---

如果这是一个基本问题，敬请谅解。在我看来，您必须根据设备分辨率提供不同的图像-主要原因是小型设备可能具有较低的带宽连接和较少的资源（考虑本地缓存）等-因此，较低分辨率的图像（具有较小的大小）将是更好的选择

您是创建静态资产还是使用一些工具/处理程序动态创建它们是另一个问题。例如，这是一个基于PHP的解决方案，采用了更晚的方法

编辑

---

至于你们的第二个问题，若你们使用的是媒体查询，那个么浏览器每次都会做出这样的决定——依我看，除了使用媒体查询应用那个设备的整个css文件之外，并没有其他解决方案。但我不认为从性能角度来看会有任何显著的不同

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

您是创建静态资产还是使用一些工具/处理程序动态创建它们是另一个问题。例如，这是一个基于PHP的解决方案，采用了更晚的方法

编辑

---

至于你们的第二个问题，若你们使用的是媒体查询，那个么浏览器每次都会做出这样的决定——依我看，除了使用媒体查询应用那个设备的整个css文件之外，并没有其他解决方案。但我不认为从性能角度来看会有任何显著的不同

您是否尝试过在web上搜索一些解决方案？你试过什么吗

例如，你试过吗

所谓的“视网膜”显示器的问题在于，设备浏览器在分辨率方面对您撒谎，并缩放您网站上的每个图像和其他维度。如果这些只是高分辨率的显示器，没有撒谎，那么就不会有这样的问题，而且可以正常工作

不幸的是，情况并非如此，现在您的设计必须处理：

宽度（屏幕的宽度是多少）

设备宽度（屏幕的实际宽度是多少）

设备宽度乘以“视网膜”比例因子（屏幕宽度的实际值）

---

您是否尝试过在web上搜索一些解决方案？你试过什么吗

例如，你试过吗

所谓的“视网膜”显示器的问题在于，设备浏览器在分辨率方面对您撒谎，并缩放您网站上的每个图像和其他维度。如果这些只是高分辨率的显示器，没有撒谎，那么就不会有这样的问题，而且可以正常工作

不幸的是，情况并非如此，现在您的设计必须处理：

宽度（屏幕的宽度是多少）

设备宽度（屏幕的实际宽度是多少）

设备宽度乘以“视网膜”比例因子（屏幕宽度的实际值）

---

不会将此归类为重复，不会回答我的任何问题questions@Richlewis不过听起来像是重复的，只是你没有完全相同地标记这个问题。为什么你想用jquery而不是CSS来做这件事？你不会把它归类为重复的，也不会回答我的任何问题questions@Richlewis不过听起来像是重复的，只是你没有完全相同地标记这个问题。为什么你想用jquery而不是CSS来实现这一点？谢谢，建设性的回答，我需要的只是确认……所以没有笼统的方法可以说将视网膜显示质量应用到所有图像上，建设性的回答和我需要的确认…因此没有笼统的方法可以说将视网膜显示质量应用于所有图像。Tina JS看起来非常好。retina JS看起来非常好