Mode d'emploi
- Lisez Écran (pixels CSS) : la taille de tout l'écran, telle que le navigateur la compte.
- Comparez Écran (pixels physiques) avec le chiffre indiqué sur la boîte de votre écran ou dans les réglages du système. Il correspond à la taille CSS multipliée par le Rapport de pixels de l'appareil.
- Vérifiez Écran HDR et Fréquence de rafraîchissement. Appuyez sur Mesurer à nouveau avec cet onglet au premier plan, et fermez les autres programmes qui utilisent l'écran.
Pixels CSS et pixels physiques
Un site web mesure l'écran en pixels CSS, une unité de la page et non de la dalle. Sur un écran à haute densité, un pixel CSS est dessiné avec plusieurs pixels physiques : le rapport de pixels indique combien il y en a sur chaque côté. Un téléphone de 390 pixels CSS de large avec un rapport de 3 a 1170 pixels physiques en largeur.
La fenêtre du navigateur est plus petite que l'écran lorsqu'elle n'est pas agrandie. Sa taille change en direct quand vous la redimensionnez, et aussi quand vous zoomez, car le zoom change le nombre de pixels CSS qui tiennent à l'écran.
Format, profondeur de couleur et HDR
Le format d'image est la largeur divisée par la hauteur, réduite à une fraction : 1920 sur 1080 donne 16:9. Les écrans courants ont des noms : 16:9 et 16:10 sont panoramiques, 4:3 est l'ancien standard, et 21:9 et 32:9 sont ultralarges. Quand la fraction a de grands termes, la page affiche le format courant le plus proche, marqué comme environ.
La profondeur de couleur est le nombre de bits utilisés pour chaque pixel. À 24 bits, un écran peut afficher 16 777 216 couleurs. HDR signifie que l'écran peut afficher une plus grande plage de luminosité et de couleurs ; la page indique si votre navigateur déclare un tel écran, en utilisant la caractéristique de média CSS dynamic-range.
La fréquence de rafraîchissement
La fréquence de rafraîchissement est le nombre de fois par seconde où l'écran est redessiné : 60 Hz est courant, et 120 Hz ou 144 Hz sur les écrans de jeu et les plus récents. La page compte les images d'animation que le navigateur dessine pendant une seconde et prend l'écart typique entre elles, si bien que quelques images perdues ne changent pas la réponse. Les navigateurs ne donnent pas directement la fréquence de la dalle : il s'agit donc d'une mesure.
Exemple : un ordinateur portable 1080p à 125 % de mise à l'échelle
Une dalle de 1 920 sur 1 080 pixels avec une mise à l'échelle Windows à 125 % donne un rapport de pixels de 1,25. Le navigateur annonce alors un écran de 1 536 sur 864 pixels CSS, et la taille physique est de nouveau 1 920 sur 1 080.
Les chiffres ci-dessous sont ceux que la page affiche pour ce cas : le format est 16:9 et l'écran compte environ 1,3 mégapixel en termes CSS.
| Mesure | Valeur |
|---|---|
| Écran (pixels CSS) | 1 536 × 864 |
| Écran (pixels physiques) | 1 920 × 1 080 |
| Rapport de pixels de l'appareil | 1,25 |
| Format d'image | 16:9 · panoramique |
| Mégapixels | 1,3 |
Questions fréquentes
Quelle est la différence entre pixels CSS et pixels physiques ?
Les pixels physiques sont les points de la dalle. Les pixels CSS sont l'unité qu'utilise une page web ; le navigateur les fait correspondre aux pixels physiques grâce au rapport de pixels de l'appareil. Sur un écran à haute densité, la taille CSS est plus petite que la taille physique.
Pourquoi mon navigateur annonce-t-il un écran de 1536 pixels de large sur un écran de 1920 pixels ?
La mise à l'échelle de Windows agrandit l'affichage, si bien que l'écran a moins de pixels CSS. À 125 % de mise à l'échelle, 1920 pixels physiques valent 1536 pixels CSS ; la taille physique reste 1920.
Quelle est une bonne fréquence de rafraîchissement ?
60 Hz est la fréquence habituelle pour le bureau et la vidéo. Des fréquences plus élevées, comme 120 Hz ou 144 Hz, rendent le mouvement plus fluide pour les jeux et le défilement, et beaucoup de téléphones changent de fréquence pour économiser la batterie.
Pourquoi mon écran HDR affiche-t-il Non ?
Le navigateur ne signale le HDR que si le système d'exploitation et l'écran l'activent tous deux pour le navigateur ; un écran HDR peut donc afficher Non lorsque le HDR est désactivé dans les réglages de Windows ou de macOS.
Cette page peut-elle voir le modèle de mon écran ?
Non. Elle ne lit que les chiffres que donne le navigateur : taille, rapport de pixels, profondeur de couleur, orientation et indicateur HDR. Les noms de modèle et les numéros de série ne sont pas accessibles aux pages web.
Quelque chose de mon écran est-il envoyé à un serveur ?
Non. Chaque chiffre est lu et mesuré dans votre navigateur, et rien n'est envoyé ni conservé.
Sources
- Wikipédia (en anglais) : Display aspect ratio
- Wikipédia (en anglais) : List of common display resolutions
- MDN (en anglais) : requestAnimationFrame
- MDN (en anglais) : dynamic-range media feature
- MDN (en anglais) : Screen.colorDepth
Chiffres et texte vérifiés pour la dernière fois le mardi 10 novembre 2026.