Tout ce que votre navigateur peut dire de votre écran — résolution, taux de rafraîchissement, densité de pixels et couleurs — détecté dès l'ouverture de la page. Rien à installer, et rien ne quitte votre appareil.
La résolution de votre écran est
L'espace dont un site web dispose réellement dans la fenêtre du navigateur — se met à jour en direct quand vous la redimensionnez.
Se met à jour dès que vous tournez votre appareil.
Ouvrez cette page et les chiffres ci-dessus sont déjà les vôtres — le navigateur les lit directement depuis votre écran, sans demande d'autorisation et sans rien envoyer nulle part. Voici ce que chacun signifie.
La résolution est le nombre de petits points — les pixels — que votre écran allume pour dessiner l'image : 1920 × 1080 correspond au Full HD, 3840 × 2160 à la 4K. Comme votre système agrandit tout pour garder le texte lisible, le navigateur travaille souvent avec un chiffre plus petit ; cette page le remultiplie pour afficher la vraie valeur de la dalle. Si elle paraît encore inférieure à ce que promettait la boîte, la mise à l'échelle ou le zoom du navigateur en est presque toujours la cause.
La densité de pixels indique combien de pixels réels de l'écran servent à dessiner chaque point de l'image. Une valeur de 2× ou plus correspond à ce qu'Apple appelle Retina et le reste du monde HiDPI — le texte paraît nettement plus fin. Les valeurs intermédiaires comme 1,25× ou 1,5× viennent généralement de la mise à l'échelle de Windows, qui agrandit tout confortablement. C'est aussi la raison pour laquelle un portable 4K peut honnêtement annoncer une résolution de 1920 × 1080.
La zone d'affichage est la partie de la fenêtre du navigateur dans laquelle une page web peut réellement dessiner — l'écran moins les barres d'outils, la barre des tâches et les fenêtres voisines. Les développeurs web conçoivent leurs pages pour cette valeur plutôt que pour l'écran lui-même, c'est pourquoi elle se met à jour en direct quand vous redimensionnez la fenêtre.
Le taux de rafraîchissement est le nombre de fois par seconde où l'écran redessine l'image, mesuré en hertz. 60 Hz est le standard de longue date, tandis qu'à partir de 120 Hz le défilement et les jeux paraissent visiblement plus fluides. Le chiffre ci-dessus est une estimation rapide à partir du rythme des animations ; le test de taux de rafraîchissement dédié le mesure précisément et peut repérer une dalle rapide retenue à 60 Hz.
La profondeur de couleur est le nombre de bits utilisés par pixel — 24 bits représentent environ 16,7 millions de couleurs, et les dalles 30 bits passent à plus d'un milliard pour des dégradés plus doux. Le gamut est l'étendue des couleurs que l'écran peut afficher : le sRGB est la référence du web, tandis que Display P3 ou Rec. 2020 signalent un écran à large gamut. La prise en charge du HDR est détectée séparément et débloque des hautes lumières plus éclatantes dans les vidéos et jeux compatibles.
L'orientation indique simplement si l'écran est actuellement plus large que haut. Sur téléphone et tablette, elle bascule en direct quand vous tournez l'appareil ; sur un ordinateur, elle change quand un moniteur est configuré en portrait dans les réglages d'affichage — une disposition appréciée des programmeurs et de tous ceux qui lisent de longs documents.
Le navigateur indique si votre écran accepte le toucher et combien de doigts il peut suivre à la fois — la plupart des écrans tactiles en gèrent dix. Un zéro sur un portable tactile signifie généralement que le pilote de la dalle tactile est désactivé ou que le navigateur l'ignore.