Puede que me equivoque, pero creo que tiene sentido.
Si miras el srcset de HTML, las siguientes imágenes se sirven según la relación de píxeles del dispositivo (x1, x1,5, x2).
https://...2f50d4ad9f5f865b783b02d392de75bdceec01da_2_690x460.jpeg,
https://...2f50d4ad9f5f865b783b02d392de75bdceec01da_2_1035x690.jpeg 1.5x,
https://...2f50d4ad9f5f865b783b02d392de75bdceec01da_2_1380x920.jpeg 2x
Normalmente, los móviles tienen una relación x2 (o más) porque tienen una mayor densidad de píxeles.
Por lo tanto, querrás servir imágenes con mayor resolución.
Relación de Píxeles del Dispositivo
La Relación de Píxeles del Dispositivo (DPR) es un número proporcionado por los fabricantes de dispositivos y se utiliza para pantallas HiDPI (Píxeles por Pulgada de Alta Densidad) o Retina (marca registrada de Apple), que forman parte de los teléfonos inteligentes modernos, tabletas e incluso algunos portátiles y monitores.
La DPR está en correlación directa con la densidad de píxeles de la pantalla; cuanto mayor sea la densidad, mayor será el valor de la DPR.La DPR es la relación entre los píxeles físicos (del dispositivo) y los píxeles lógicos (CSS) en la dirección horizontal (ancho) o vertical (alto) de una pantalla.
En otras palabras, la DPR es un número utilizado para calcular la resolución CSS de la pantalla. A partir de la DPR, podemos ver directamente cuántos píxeles de hardware físicos componen un píxel CSS.Ejemplo:
Apple iPhone 12
Resolución en píxeles del dispositivo (físicos): 1170 x 2532
DPR: 3
Ancho: 1170/3 = 390, Alto: 2532/3 = 844
Por lo tanto, resolución en píxeles CSS: 390 x 844Dado que la DPR es 3, en la cuadrícula de píxeles: 3 (ancho) x 3 (alto) = 9; se utilizan 9 píxeles físicos para formar un píxel CSS.