Vérifier la résolution d'écran

Votre résolution d'écran s'affiche en haut de la carte de l'outil ci-dessus — par exemple 1920 × 1080. C'est la taille de votre écran en pixels CSS, l'unité logique utilisée par les navigateurs pour la mise en page. Juste en dessous, vous trouverez aussi la résolution physique estimée, qui tient compte de la mise à l'échelle de l'écran. Si les deux chiffres diffèrent, votre écran fonctionne avec une mise à l'échelle active — ce qui est normal et recommandé sur les dalles haute résolution. Pour voir les valeurs se mettre à jour en direct, redimensionnez la fenêtre du navigateur ou déplacez-la vers un autre écran.

Les écrans haute résolution modernes utilisent la mise à l'échelle pour garder texte et icônes à une taille confortable. Un écran 4K à 150 % signale 2560 × 1440 pixels CSS alors que la dalle affiche physiquement 3840 × 2160. Les screen.width et screen.height du navigateur utilisent toujours des pixels CSS : la résolution signalée est donc la résolution logique, déjà mise à l'échelle. Multipliez-la par le ratio de pixels de l'appareil et vous obtenez la résolution physique — exactement ce que fait pour vous l'estimation de résolution physique de cette page.

Le ratio de pixels de l'appareil est le nombre de pixels physiques qu'un navigateur utilise pour dessiner un pixel CSS. Un DPR de 1 signifie qu'un pixel CSS équivaut à un pixel physique. Un DPR de 2 — courant sur les écrans Retina et les portables modernes — signifie que chaque pixel CSS est dessiné avec un bloc de 2 × 2 pixels physiques, pour un rendu plus net. Le DPR change aussi avec le zoom : passer le navigateur à 125 % multiplie par 1,25 le DPR signalé, d'où la mention « approximative » sur l'estimation de résolution physique.

La résolution d'écran décrit l'ensemble de votre affichage — le moniteur complet ou l'écran du téléphone. Le viewport est la portion visible d'une page web dans la fenêtre du navigateur : il exclut les barres d'outils, les barres d'interface, les barres latérales et les barres de défilement. Avec un navigateur maximisé, le viewport est légèrement inférieur à l'écran ; sur une petite fenêtre flottante, il peut être bien plus petit. Les développeurs web utilisent la taille du viewport (et non la résolution d'écran) pour construire des mises en page responsive — voilà pourquoi cette page affiche les deux valeurs côte à côte.

La résolution physique est calculée en multipliant la résolution CSS par le ratio de pixels de l'appareil, puis en arrondissant au pixel entier. Deux facteurs en font une estimation : le zoom du navigateur modifie le DPR signalé — à 110 % de zoom, un DPR de 2 est signalé comme 2,2 — et certains navigateurs appliquent leur propre arrondi aux dimensions de l'écran. L'estimation est exacte quand le zoom du navigateur est à 100 % ; nous vous recommandons donc de vérifier la valeur avec le zoom réinitialisé (Ctrl/Cmd + 0) si vous avez besoin d'une lecture précise.

La zone disponible est la partie de l'écran non occupée par les éléments permanents du système d'exploitation, comme la barre des tâches de Windows, le Dock de macOS ou les barres système fixes des appareils mobiles. Un écran de 1920 × 1080 avec la barre des tâches par défaut de Windows signale une hauteur disponible de 1040 pixels ou moins. Les applications — y compris les fenêtres de navigateur maximisées — se répartissent dans la zone disponible : c'est souvent le chiffre le plus utile pour calculer l'espace réellement occupé par une fenêtre maximisée.

Ouvrez cette page et lisez l'estimation de résolution physique : avec le zoom du navigateur à 100 %, elle correspond à la résolution native de la dalle, car la mise à l'échelle ne peut pas changer le nombre de pixels rendus par le matériel. Vous pouvez recouper dans votre système d'exploitation : sous Windows, allez dans Paramètres › Système › Affichage et consultez la résolution d'affichage (l'entrée recommandée est la native) ; sous macOS, ouvrez Réglages Système › Moniteurs — l'option « Par défaut pour l'écran » utilise généralement la résolution native avec mise à l'échelle pour la netteté.

Oui. L'outil n'utilise que des interfaces standard du navigateur, donc il fonctionne sur les navigateurs Android et iOS comme sur ordinateur. Sur mobile, la résolution d'écran signalée est généralement la résolution logique (CSS) de l'appareil — par exemple 393 × 851 sur de nombreux téléphones Android — tandis que l'estimation de résolution physique reflète la dalle réelle. Faites pivoter l'appareil et vous verrez l'orientation, le rapport d'affichage et les deux dimensions s'échanger en temps réel. Sur mobile, la zone disponible exclut les barres d'état et de navigation du système.

Oui, entièrement. Aucun frais, aucune inscription, aucun téléchargement et aucune limite de vérification. Chaque mesure se déroule localement dans votre navigateur : la page lit votre écran, votre fenêtre et vos paramètres d'affichage, puis les restitue à l'écran. Aucune donnée d'écran, aucune empreinte d'appareil ni statistique d'utilisation n'est envoyée à un serveur, et rien n'est conservé après la fermeture de l'onglet. Vous pouvez même l'utiliser hors ligne une fois la page chargée. Votre confidentialité reste intacte, quelle que soit la vérification.

La carte se met à jour en direct, par conception. Redimensionner la fenêtre change le viewport ; zoomer modifie le ratio de pixels de l'appareil et donc l'estimation physique ; faire pivoter un téléphone échange largeur et hauteur ; déplacer la fenêtre vers un second écran relance la mesure de l'écran d'arrivée. Si les chiffres ont changé sans action de votre part, un événement externe en est responsable — par exemple un écran qui passe en veille, un portable sur station d'accueil qui change de sortie, ou un système d'exploitation qui ajuste la mise à l'échelle automatiquement pour l'accessibilité.