Il me semble que les navigateurs (Chrome, Safari, Firefox) sur mon Macbook Pro retina ne rendent aucune image à la densité de pixels native. Par exemple, lorsque j'ouvre une image à partir de google images, puis télécharge cette même image et l'ouvre dans l'aperçu, cette même image est plus petite et plus dense dans l'aperçu qu'elle ne l'est dans mon navigateur. Cela semble suggérer qu'il y a une différence dans l'échelle des pixels entre les deux applications. Cela peut-il être corrigé pour le navigateur ?
Réponses
Trop de publicités?C'est intentionnel. La plupart des sites web ne sont pas conçus pour les écrans rétina et n'ont que des images 1x. Si ces éléments 1x étaient dessinés en résolution native sur un écran rétina, ils apparaîtraient à une taille quatre fois plus petite (moitié de la hauteur, moitié de la largeur). Cela ne serait évidemment pas pratique : cela reviendrait à naviguer sur le web avec le niveau de zoom de votre navigateur réglé sur 25 %.
Pour contourner ce problème, le navigateur dessine tout simplement tout à 2x (rétine) par défaut et met à l'échelle tout ce qui est à 1x. De cette manière, les sites web apparaissent au même physique sur un écran retina que sur un écran non retina.
Je pense qu'il ne s'agit pas d'un problème lié aux navigateurs eux-mêmes (du moins, il ne devrait pas y avoir de problème avec Safari). Le problème est le manque de prise en charge des écrans HiDPI par les sites web. Je suppose que la majorité des sites web ne prennent pas encore en charge les écrans Retina. Voir Développement d'un site réactif et adapté à la technologie Retina pour plus d'informations.
Si les sites web qui ne sont pas prêts pour la rétine étaient rendus à la résolution Retina, les images seraient deux fois plus petites et la mise en page du site ne serait pas respectée (car les éléments qui ne sont pas des images ne se soucient généralement pas de la rétine et ne sont donc pas mis à l'échelle).
Voir ceci Macrumors Forum thread pour certains sites web qui prennent en charge les écrans Retina.