我应该向移动设备提供高分辨率网站图像吗?如何最小化下载大小?

Should I provide hi-res website images to mobile devices? What about minimizing download size?

随着较新的手机提供高达 x3 密度的渲染,我很想使用 HTML 元素 srcset 为它们提供 x3 高分辨率图像。但是,我担心这样做会增加移动数据需求。

您是否倾向于将高分辨率图像保留给通常不使用移动数据的较大设备(例如笔记本电脑和台式机)?或者,妥协并提供最多 x2 个图像,而不是 x3 个?

我试图在提供尽可能小的移动网页、最小化数据使用和最大化速度以及提供漂亮、清晰的图像之间找到平衡点。

谢谢,山姆

实际上,它现在最多达到 x4 密度:https://www.mydevice.io/#compare-devices

不幸的是,有一种简单的方法可以防止在密度非常高的小型设备上加载巨大的图像。

我们甚至应该能够根据 this study:

将密度限制在 ~2.5dppx
  • DPR 2 is good enough for most people
  • DPR 3 only benefits a very lucky few

在 HTML 标准的问题中有关于此的讨论: