Quelle est la résolution de mon écran ?
Un écran de 1920 x 1080 a un format de 16:9 et environ 2,1 mégapixels. Un écran de 1440 x 900 avec un rapport de pixels de l’appareil de 2 compte 2880 x 1800 pixels physiques.
Mode d’emploi
- Ouvrez la page. Les valeurs de votre écran apparaissent tout de suite ; il n’y a rien à presser.
- Redimensionnez la fenêtre, faites pivoter votre appareil ou déplacez la fenêtre sur un autre moniteur, et les valeurs se mettent à jour.
- Appuyez sur Copier pour placer un résumé en texte brut dans votre presse-papiers, par exemple pour le coller dans un ticket de support.
Méthode de calcul
La taille d’écran est screen.width × screen.height, mesurée en pixels CSS. Le viewport du navigateur est window.innerWidth × window.innerHeight, la zone qu’une page web peut utiliser.
La résolution physique est une estimation : la taille d’écran multipliée par window.devicePixelRatio, arrondie. Sur un écran dont le rapport de pixels est de 2, un écran CSS de 1440 × 900 s’affiche comme 2880 × 1800 pixels de l’appareil.
Le format d’image est rapproché d’un format courant comme 16:9 ou 16:10 lorsqu’il est à moins de 0,5 pour cent ; sinon la fraction réduite exacte est affichée.
Pixels CSS et pixels de l’appareil
Les pages web sont mises en page en pixels CSS pour que le texte ait une taille semblable sur des écrans différents. Un écran haute densité place plus de pixels de l’appareil dans chaque pixel CSS, et le rapport de pixels de l’appareil indique combien tiennent dans un pixel CSS.
La mise à l’échelle de l’affichage du système d’exploitation comme le zoom du navigateur modifient ce rapport, c’est pourquoi un même moniteur peut indiquer des valeurs différentes selon les configurations.
Questions fréquentes
Pourquoi cela affiche-t-il une résolution inférieure à la fiche technique de mon moniteur ?
Les navigateurs indiquent les tailles en pixels CSS. Quand votre système d’exploitation met l’affichage à l’échelle, par exemple à 150 pour cent, un pixel CSS couvre plusieurs pixels de l’appareil. La résolution physique estimée multiplie par le rapport de pixels pour annuler cet effet.
Pourquoi les nombres changent-ils quand je zoome sur la page ?
Dans de nombreux navigateurs de bureau, le zoom de la page modifie le rapport de pixels de l’appareil et la taille du viewport indiqués. Remettez le zoom à 100 pour cent pour lire vos valeurs normales.
Quelle différence entre la taille d’écran et le viewport ?
La taille d’écran est celle de tout l’affichage. Le viewport n’est que la partie située dans la fenêtre du navigateur où la page est dessinée, sans les barres d’outils, onglets ou barres de défilement qui l’entourent.
La résolution physique est-elle toujours exacte ?
Non. Elle est calculée à partir de ce que signale le navigateur et peut s’écarter d’un pixel à cause de l’arrondi, ou différer quand le navigateur ou le système utilise un facteur d’échelle qu’il n’expose pas. Consultez vos paramètres d’affichage pour la résolution native exacte.