HiDPI

Les écrans HiDPI ((High Dots per Inch) et les écrans Retina d’Apple permettent d’afficher plus de pixels sur votre écran avec des graphismes créés à cet effet.

Aspects techniques :

Les images s’affichent avec plus de précision ; toutefois, vos images sont susceptibles de s’afficher plus petites sur Photoshop. Il vous faudra afficher dans ce cas vos images à 200 % (choisissez Afficher > 200 %). 

Sur vos pages web, au niveau du Html cela implique de créer des images 2 fois plus grandes et de réduire de moitié leur taille avec l’attribut width.

La propriété min-device-pixel-ratio appliquée à un media querie a été supprimée des standards du Web. La propriété srcset n’est pas plus recommandée. Javascript combiné avec des media queries reste la solution la plus souple à ce jour pour servir des images différentes selon les résolutions.