Utilore

Résolution d’écran

Votre résolution d’écran s’affiche en haut, telle que le navigateur la rapporte. En dessous : le nombre de pixels réels, la densité qui explique l’écart, le format d’image, la fréquence de rafraîchissement et la taille de la fenêtre. Redimensionnez la fenêtre et les nombres suivent.

Tout ce qui suit est lu par votre propre navigateur. Redimensionnez la fenêtre et les nombres suivent.

— Écran, pixels CSS

Écran, pixels réels
—
Densité de pixels
—
Format d’image
—
Mégapixels
—
Zone de la page
—
Fenêtre du navigateur
—
Profondeur de couleur
—
Fréquence de rafraîchissement
—
Orientation
—

Rien de tout cela n’est envoyé : la page lit votre propre navigateur et vous montre ce qu’elle a lu. C’est aussi pourquoi la fréquence de rafraîchissement est mesurée en comptant les images pendant une demi-seconde plutôt que demandée — les navigateurs ne la fournissent pas.

À côté : Test du clavier, Test du micro, Test de la webcam, Quelle est mon adresse IP

Comment faire

  1. Le grand nombre, c’est votre écran en pixels CSS — l’unité dans laquelle travaille le navigateur.
  2. « Écran, pixels réels » est ce nombre multiplié par la densité. C’est le chiffre imprimé sur la boîte d’un moniteur.
  3. « Zone de la page » est ce qu’une page reçoit vraiment : la fenêtre moins les barres et les ascenseurs. C’est ce nombre-là qu’il faut donner quand un site demande à quelle résolution vous consultez.
  4. Redimensionnez la fenêtre ou tournez un téléphone et observez quels nombres changent et lesquels non.

Bon à savoir

Pourquoi le navigateur dit 390×844 et la boîte 1170×2532

Parce qu’ils ne comptent pas la même chose. Le navigateur rapporte des pixels CSS, une unité de taille apparente, pour que le texte reste lisible d’un écran à l’autre ; la boîte compte les points physiques de la dalle. Les écrans de téléphone actuels tassent trois points physiques dans un pixel CSS : c’est ce que dit la ligne de densité — à une densité de 3, un écran large de 390 possède réellement 1170 points. Sur un ordinateur, le même effet vient de la mise à l’échelle : réglez Windows sur 125 % et un moniteur de 1920 pixels annonce 1536 au navigateur. Les deux nombres sont vrais ; ils répondent simplement à des questions différentes.

Trois tailles, et celle qu’il vous faut

L’écran, c’est tout l’affichage. La fenêtre du navigateur est plus petite — elle exclut ce que le système garde — et, maximisée sous Windows, elle dépasse l’écran de quelques pixels parce que le cadre déborde. La zone de la page est plus petite encore : barres d’outils, onglets et ascenseurs y mordent. Quand un site ou un graphiste demande « votre résolution », il pense en général à l’écran ; quand quelque chose s’affiche mal et qu’on vous demande votre largeur d’affichage, il s’agit de la zone de la page.

La fréquence de rafraîchissement est mesurée, pas demandée

Les navigateurs ne l’exposent pas ; cette page compte donc combien d’images elle parvient à dessiner en une demi-seconde. Le résultat est arrondi à la fréquence courante la plus proche : une mesure brute de 59,7 correspond à un écran 60 Hz avec du bruit de mesure, et afficher 59,7 reviendrait à présenter ce bruit comme un fait. La mesure peut être basse si l’onglet est en arrière-plan ou la machine occupée, et certains portables abaissent la fréquence sur batterie — rechargez la page si le nombre paraît faux.

Questions fréquentes

Quelle est ma résolution d’écran ?

Le nombre en haut de cette page, en pixels CSS : c’est ce que voit votre navigateur. La résolution physique réelle est la ligne suivante, et si les deux diffèrent, la ligne de densité indique de combien.

Pourquoi mon moniteur 4K affiche-t-il 2560×1440 ?

À cause de la mise à l’échelle. À 150 %, un moniteur de 3840 pixels annonce 2560 aux applications, pour que le texte et les boutons ne fassent pas le tiers de leur taille prévue. La dalle a toujours 3840 points ; la ligne « pixels réels » les montre.

La zone de la page change-t-elle si je zoome ?

Oui, et c’est normal : le zoom modifie le nombre de pixels CSS qui tiennent à l’écran. En zoomant, la zone de la page rétrécit en pixels CSS alors que la fenêtre n’a pas bougé. La ligne de l’écran, elle, ne change pas.

La fréquence affichée semble fausse.

Rechargez la page en gardant cet onglet au premier plan. Les navigateurs bridant l’animation des onglets en arrière-plan, une mesure prise ailleurs sort basse. Certains portables réduisent aussi la fréquence sur batterie : dans ce cas le nombre est juste, l’écran a réellement ralenti.

Tout cela est-il envoyé quelque part ?

Non. Tout ce qui figure ici est lu depuis votre propre navigateur et vous est réaffiché. Rien n’est envoyé à un serveur, stocké ni journalisé, et la page fonctionne réseau coupé.

Outils similaires