Les grands chiffres ci-dessus sont la résolution de votre écran telle que la rapporte votre navigateur, avec les valeurs dont développeurs et designers ont réellement besoin : la taille du viewport, le device pixel ratio (combien de pixels physiques se cachent derrière chaque pixel CSS), votre format d’image et la profondeur de couleur. Redimensionnez la fenêtre et les valeurs se mettent à jour en direct.
Notez que sur les téléphones et les portables haute densité, la résolution CSS diffère de la résolution marketing : un portable « 4K » rapporte généralement 1920×1080 pixels CSS à un ratio de 2 — les deux chiffres sont affichés ici.
À quoi ça sert
Développement web
Vérifiez d’un coup d’œil le viewport réel et le pixel ratio de n’importe quel appareil de test — les chiffres que les media queries CSS voient vraiment.
Support et aide à distance
Demandez à un utilisateur d’ouvrir cette page et de lire les chiffres à voix haute : plus rapide et plus fiable que de le guider dans les réglages système.
Vérification d’affichage
Confirmez qu’un moniteur tourne bien à sa résolution native — une cause étonnamment fréquente d’écrans flous après un changement de câble ou de pilote.
Questions fréquentes
Pourquoi mon écran 4K affiche-t-il 1920×1080 ?
Votre système applique une mise à l’échelle. Le navigateur rapporte des pixels CSS ; multipliez par le device pixel ratio affiché ici pour obtenir les pixels physiques — 1920×1080 à ratio 2, c’est exactement 3840×2160.
Qu’est-ce que le device pixel ratio ?
Le nombre de pixels physiques d’écran par pixel CSS. Ratio 1 : moniteur classique ; 2 : Retina/HiDPI ; les téléphones tournent couramment entre 2,5 et 4.
Que signifie le format d’image (par ex. 1,78) ?
Le format d’image est la largeur de l’écran divisée par sa hauteur. 1,78 est la forme décimale du 16:9, le format large standard ; 1,60 correspond au 16:10, et les moniteurs ultra-larges affichent environ 2,33 (21:9). Il décrit la forme de l’affichage, indépendamment du nombre de pixels.
Qu’est-ce que la profondeur de couleur (24 bits) ?
La profondeur de couleur est le nombre de bits qui décrivent la couleur de chaque pixel. 24 bits, c’est 8 bits pour chacun du rouge, du vert et du bleu — environ 16,7 millions de couleurs, le standard de presque tous les écrans modernes. Le 30 bits (10 par canal) est utilisé par certains écrans HDR et professionnels pour des dégradés plus lisses.
Pourquoi mon viewport est-il plus petit que mon écran ?
Le viewport n’est que la zone que le navigateur laisse à la page web : il est presque toujours plus petit que le plein écran. Les onglets, la barre d’adresse et les favoris prennent de la place en haut, la barre des tâches ou le dock du système en prennent encore, et la fenêtre n’est peut-être pas maximisée. Maximisez la fenêtre ou appuyez sur F11 pour le plein écran, et le viewport grandit vers la taille d’écran CSS.
Cette page envoie-t-elle mes données quelque part ?
Non — les valeurs sont lues et affichées localement par votre propre navigateur. Rien n’est transmis ni stocké.