Возможно, я ошибаюсь, но, на мой взгляд, это логично.
Если посмотреть на HTML-атрибут srcset, то следующие изображения обслуживаются в зависимости от соотношения пикселей устройства (x1, x1,5, x2).
https://...2f50d4ad9f5f865b783b02d392de75bdceec01da_2_690x460.jpeg,
https://...2f50d4ad9f5f865b783b02d392de75bdceec01da_2_1035x690.jpeg 1.5x,
https://...2f50d4ad9f5f865b783b02d392de75bdceec01da_2_1380x920.jpeg 2x
Обычно у мобильных устройств коэффициент x2 (или выше), поскольку у них более высокая плотность пикселей.
Поэтому имеет смысл подавать изображения с более высоким разрешением.
Соотношение пикселей устройства
Соотношение пикселей устройства (DPR) — это число, предоставляемое производителями устройств, и оно используется для дисплеев HiDPI (High Dots Per Inch) или Retina (торговая марка Apple), которые встречаются в современных смартфонах, планшетах, а также в некоторых ноутбуках и мониторах.
DPR находится в прямой зависимости от плотности пикселей дисплея: чем выше плотность, тем больше значение DPR.DPR — это отношение физических (устройственных) пикселей к логическим (CSS) пикселям по горизонтали (ширина) или вертикали (высота) экрана.
Другими словами, DPR — это число, используемое для расчёта CSS-разрешения экрана. По значению DPR можно напрямую определить, сколько физических аппаратных пикселей составляет один CSS-пиксель.Пример:
Apple iPhone 12
Разрешение в физических пикселях устройства: 1170 x 2532
DPR: 3
Ширина: 1170/3 = 390, Высота: 2532/3 = 844
Следовательно, разрешение в CSS-пикселях: 390 x 844Поскольку DPR равен 3, в сетке пикселей: 3 (ширина) x 3 (высота) = 9; для формирования одного CSS-пикселя используется 9 физических пикселей.