确定移动设备的图像质量

Question

确定在响应站点​​上向移动设备和桌面设备投放哪些图像资产的最佳做法是什么？预期的结果是向桌面用户提供大型，高分辨率的图像，并向移动用户提供较小的图像。

Answer 1

上次我看着这个路要走，我认为这仍然是解决问题的好方法。

• 尝试首先加载低分辨率图像。这将很快为浏览器提供足够的数据。
• 然后，你可以使用JavaScript（有这个库）来检测浏览器的功能（我有一个高像素比例，我有一个大屏幕等）
• 然后确定是否加载一个较大的版本什么特定的图像（可能是把各种URL在这个图像的数据属性很有用），当然，你的解决方案可能是一个有点不同，但始终牢记逐步增强

（它是没有意义首先加载更大的图像）。