Quelle est la taille de mon écran ?

Lire les vrais chiffres de votre affichage

« Quelle est la taille de mon écran ? » n'a pas une réponse mais trois, selon la raison pour laquelle on pose la question. Le chiffre auquel la plupart des gens pensent est la grille de pixels annoncée par le système d'exploitation : 1920 × 1080, 2560 × 1440, et ainsi de suite. Le navigateur, lui, voit cette grille à travers une seconde couche, celle des pixels CSS. Un pixel CSS est une unité de mise en page ; dès qu'un écran applique une mise à l'échelle, il cesse de correspondre à un pixel physique. Cette page affiche les deux, accompagnés du rapport qui les relie.

La distinction a des conséquences très concrètes :

• vérifier qu'un fond d'écran sera net ? C'est le chiffre natif qui compte ;
• tester une page ou écrire une requête média ? C'est la valeur en pixels CSS ;
• acheter un moniteur ? C'est la diagonale physique, en pouces.

Trois questions, trois nombres, et la plupart des outils n'en donnent qu'un seul.

Pourquoi la taille physique exige un étalonnage

Voici la limite que la plupart des pages « taille de mon écran » passent sous silence. Le navigateur n'a aucun accès aux dimensions physiques de votre écran. Il sait combien il y a de pixels. Il ignore leur taille. Tout site qui vous annonce une diagonale en pouces sans vous poser la moindre question devine, généralement en comparant votre résolution à une table d'appareils courants, et cette méthode s'effondre dès qu'intervient une mise à l'échelle, un moniteur externe ou une dalle inhabituelle.

Cet outil prend l'autre chemin. Étalonnez une fois en posant une carte bancaire contre l'écran et en faisant coïncider un contour affiché. Toutes les cartes de paiement du monde respectent la norme ISO/IEC 7810 ID-1, soit 85,6 mm de large, si bien qu'une seule correspondance révèle la densité réelle de votre affichage. La largeur, la hauteur et la diagonale physiques ne sont ensuite qu'une affaire d'arithmétique, et la réponse appartient à l'écran que vous avez devant vous plutôt qu'à un tableau de correspondances. L'étalonnage est partagé avec la règle en ligne : vous ne le faites qu'une fois par appareil.

Écran, fenêtre et zone d'affichage sont trois choses différentes

Les trois mots servent souvent l'un pour l'autre, et c'est la raison pour laquelle deux outils peuvent se contredire tout en ayant raison tous les deux.

• L'écran est la dalle entière, qu'un navigateur soit ouvert ou non. C'est ce que votre système appelle résolution.
• La fenêtre est le navigateur lui-même, barre d'onglets et bordures comprises.
• La zone d'affichage est la surface que la page peut réellement peindre. Elle rétrécit quand vous ouvrez les outils de développement, et c'est elle que teste une requête média CSS.

Une mise en page qui se comporte mal à une largeur précise relève presque toujours de la zone d'affichage et non de l'écran. Cette page rapporte les trois : réduisez la fenêtre et regardez quels nombres bougent.

Ce que la densité vous dit vraiment

Les pixels par pouce déterminent la quantité de détail contenue dans une surface donnée, et il existe une plage au-delà de laquelle cela cesse de compter. En dessous d'environ 90 PPP à distance de bureau, les pixels deviennent visibles sur les contours du texte. Entre 90 et 140 environ, ils disparaissent pour la plupart des gens : c'est là que se situent un 24 pouces en 1080p et un 27 pouces en 1440p. Au-delà de 200, comme sur les téléphones, la résolution supplémentaire se traduit par une finesse que l'œil ne distingue plus, et c'est pourquoi ces appareils agrandissent leur interface au lieu d'en afficher davantage.

C'est aussi pourquoi une même dalle 4K n'a pas le même sens en 27 pouces et en 43 pouces. Le nombre de pixels est identique ; la densité, non, et c'est la densité que l'œil perçoit. La distance de vision pèse autant que la taille, ce qui explique qu'un téléviseur à l'autre bout d'une pièce se contente d'un chiffre qui paraîtrait grossier sur un bureau.

Trouver la taille de votre écran sans rien mesurer

Si vous ne cherchez que la diagonale en pouces, trois chemins sont plus rapides qu'un mètre :

• La référence du modèle. Elle figure sur une étiquette à l'arrière d'un moniteur ou sous un portable, et la taille est presque toujours dans le nom.
• Les réglages du système. Sous Windows : Paramètres, Système, Écran, puis Paramètres d'affichage avancés. Sous macOS : touche Option enfoncée, menu Pomme, Informations système, puis Moniteurs.
• Un mètre ruban. D'un coin à l'autre en diagonale, sur la vitre, sans compter le cadre. Les écrans se vendent à la diagonale depuis toujours, ce qui explique qu'un moniteur de 27 pouces ne fasse qu'une soixantaine de centimètres de large.

Chacune de ces trois méthodes suffit à remplir l'estimation proposée sur cette page, et aucune ne vaut la correspondance avec une carte bancaire, puisqu'une diagonale annoncée est une valeur nominale qui ignore la mise à l'échelle appliquée par votre système.

Le bouton « Copier tous les détails » reprend le tableau entier sous forme de texte. C'est la façon la plus rapide de répondre quand un support technique, un développeur ou un forum vous demande votre configuration d'affichage : tout y figure d'un coup, avec les unités, plutôt que recopié de mémoire et à moitié faux.