Ce que mesure l'outil
Le navigateur connaît la taille de l'écran sur lequel la page est ouverte, mais il la donne en pixels CSS, l'unité dans laquelle les sites sont dessinés. Il donne aussi le ratio de pixels : combien de pixels physiques de la dalle forment un pixel CSS. L'outil multiplie les deux pour retrouver la résolution réelle.
pixels physiques = pixels CSS × ratio de pixelspixels par pouce = √(largeur² + hauteur²) ÷ diagonale en poucescouleurs = 2 ^ profondeur en bitsLa zone visible du navigateur est la partie de la fenêtre où s'affiche la page, sans les onglets ni la barre d'adresse : c'est elle qui compte pour un site, et elle change dès que vous redimensionnez la fenêtre. Laprofondeur de couleur est le nombre de bits par pixel annoncé par le navigateur : 24 bits donnent 16 777 216 couleurs. Toutes les mesures se mettent à jour quand vous redimensionnez la fenêtre, tournez l'appareil ou déplacez la fenêtre sur un autre écran.
Pixels CSS et pixels physiques
Un pixel physique est un point de la dalle. Un pixel CSS est une unité de mesure définie par la norme CSS du W3C, pensée pour qu'un texte garde une taille lisible quel que soit l'écran. Sur un écran ordinaire, un pixel CSS vaut un pixel physique et le ratio est de 1. Sur un écran à haute densité, ou quand le système agrandit l'affichage (mise à l'échelle de 125 % ou 150 % sous Windows, par exemple), un pixel CSS couvre plusieurs pixels physiques, et le ratio dépasse 1.
C'est pour cela que deux pages peuvent annoncer des chiffres différents pour le même écran : l'une donne les pixels CSS, l'autre les pixels physiques. Le premier chiffre de l'outil est celui de la dalle.
Définitions courantes
| Appellation | Pixels | Format |
|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 |
| HD+ | 1600 × 900 | 16:9 |
| Full HD (1080p) | 1920 × 1080 | 16:9 |
| WUXGA | 1920 × 1200 | 16:10 |
| QHD (1440p) | 2560 × 1440 | 16:9 |
| WQXGA | 2560 × 1600 | 16:10 |
| UWQHD | 3440 × 1440 | ≈ 21:9 |
| 4K UHD | 3840 × 2160 | 16:9 |
| 8K UHD | 7680 × 4320 | 16:9 |
Ces noms sont des appellations commerciales d'usage, pas des normes : l'outil affiche celle qui correspond exactement à la résolution trouvée, s'il y en a une. Le format est rapproché du format courant le plus proche à 3 % près, un seuil choisi par l'outil.
Trois exemples
Le navigateur annonce 1536 × 864 pixels CSS et un ratio de 1,25 : 1536 × 1,25 = 1920 et 864 × 1,25 = 1080. L'écran est en 1920 × 1080, du Full HD en 16:9. Avec une diagonale de 15,6 pouces, sa densité est de 141 pixels par pouce.
1440 × 900 pixels CSS × 2 = 2880 × 1800 pixels physiques, au format 16:10.
2560 × 1440 pixels pour 27 pouces : √(2560² + 1440²) ÷ 27 = 109 pixels par pouce. Le même nombre de pixels sur un 24 pouces Full HD donnerait 92 pixels par pouce, une image moins fine.
Quand l'estimation se trompe
Le zoom du navigateur modifie le ratio de pixels, et donc l'estimation. Pour un chiffre juste, remettez le zoom à 100 % (Ctrl + 0, ou Cmd + 0 sur Mac) : l'outil se met à jour aussitôt.
Sur un Mac dont l'affichage est mis à l'échelle, la résolution trouvée est celle dans laquelle le système dessine l'image, qui peut différer de la définition native de la dalle : celle-ci figure dans la fiche technique de l'appareil. Avec plusieurs écrans, les mesures sont celles de l'écran qui affiche la fenêtre. Un navigateur réglé pour limiter le pistage peut annoncer des valeurs arrondies : le résultat est alors approché.
Questions fréquentes
Pourquoi la résolution affichée ne correspond-elle pas à celle de mon écran ?
Le plus souvent, la page est zoomée ou le chiffre comparé est en pixels CSS. Remettez le zoom du navigateur à 100 % (Ctrl + 0) et lisez le premier résultat, en pixels physiques : c'est celui de la dalle. Sur un Mac mis à l'échelle, il peut encore différer de la définition native indiquée dans la fiche technique.
Quelle est la différence entre la résolution de l'écran et la zone visible ?
La résolution est celle de tout l'écran. La zone visible est la partie de la fenêtre du navigateur où s'affiche la page, sans les onglets, la barre d'adresse ni la barre des tâches : elle est plus petite, et change quand vous redimensionnez la fenêtre.
Qu'est-ce que le ratio de pixels ?
C'est le nombre de pixels physiques de l'écran qui forment un pixel CSS, l'unité des sites. Il vaut 1 sur un écran ordinaire, 1,25 ou 1,5 quand Windows agrandit l'affichage, 2 ou 3 sur les écrans à haute densité des portables et des téléphones.
Comment connaître la densité de mon écran en pixels par pouce ?
Saisissez la diagonale de l'écran en pouces sous les résultats : l'outil divise la diagonale en pixels par la diagonale en pouces. Un écran Full HD de 15,6 pouces a une densité de 141 pixels par pouce.
Mes mesures sont-elles envoyées quelque part ?
Non. Les mesures sont lues et calculées dans votre navigateur ; rien n'est envoyé ni conservé, et rien n'est écrit dans l'adresse de la page.
Une erreur ? Signalez-la, nous la corrigeons.