Résolution d’écran : pourquoi le chiffre semble faux

Votre résolution d’écran correspond au nombre de pixels physiques en largeur et en hauteur de l’affichage, écrit sous la forme largeur × hauteur, par exemple 1920 × 1080. Les réglages d’affichage de votre système l’indiquent. Une page web, en revanche, affiche généralement une autre valeur, car les navigateurs mesurent en pixels CSS, une unité que le système d’exploitation et le navigateur adaptent à l’échelle. Les deux valeurs peuvent être justes en même temps. Le test de résolution d’écran affiche ensemble la taille de l’écran, la taille à l’échelle et la taille de la fenêtre, pour que vous sachiez laquelle vous regardez.

Résolution d’écranQuelle est la taille de mon écran ?Essayer gratuitement

Pixels physiques et pixels CSS

Un pixel physique est l’un des petits points lumineux de la dalle. Un pixel CSS est une unité que les pages web utilisent pour la mise en page. Une page large de 800 pixels CSS doit occuper à peu près la même part de la fenêtre sur n’importe quelle dalle. Le navigateur convertit donc entre les deux unités à l’aide du ratio de pixels de l’appareil.

Le ratio de pixels de l’appareil est le nombre de pixels physiques qui composent un pixel CSS. Sur un écran classique, il vaut 1. Sur de nombreux écrans à haute densité, il vaut 2 ou plus : chaque pixel CSS est alors dessiné avec un bloc de 2 × 2 pixels physiques, ce qui rend le texte plus net. La taille d’écran lue par une page en pixels CSS correspond à la taille physique divisée par ce ratio.

Mise à l’échelle du système d’exploitation

La plupart du temps, ce ratio vient de la mise à l’échelle de l’affichage dans le système d’exploitation. Sous Windows, il s’agit du réglage Échelle dans les paramètres d’affichage. Sous macOS, les options de résolution d’un écran déterminent la place que prend l’interface. Une dalle 4K compte 3840 × 2160 pixels physiques. Réglée sur une mise à l’échelle de 200 %, elle donne à l’interface l’espace de 1920 × 1080, et un navigateur sur cet écran affiche 1920 × 1080 pixels CSS avec un ratio de 2.

Le calcul est simple : on divise la taille physique par le facteur d’échelle.

Dalle, pixels physiques	Mise à l’échelle	Taille d’écran en pixels CSS	Ratio
3840 × 2160	100 %	3840 × 2160	1
3840 × 2160	150 %	2560 × 1440	1,5
3840 × 2160	200 %	1920 × 1080	2
1920 × 1080	100 %	1920 × 1080	1

Certaines valeurs d’échelle ne donnent pas une division exacte, et le navigateur arrondit le résultat. Un écart d’un pixel avec votre propre calcul est donc normal.

Le zoom du navigateur modifie le chiffre

Le zoom du navigateur est un réglage distinct de la mise à l’échelle de l’affichage. Zoomer à 200 % double la taille de tout ce qui figure sur la page. Le navigateur modifie le ratio de pixels de l’appareil en conséquence : la largeur de la fenêtre en pixels CSS est divisée par deux, alors que l’écran physique reste le même. Une fenêtre mesurant 1280 pixels CSS de large à 100 % peut donc afficher 640 après un zoom avant.

Le zoom est la cause la plus fréquente de deux mesures différentes. Si un chiffre semble faux, vérifiez d’abord le niveau de zoom, puis appuyez sur Ctrl+0, ou sur Cmd+0 sur un Mac, pour revenir à 100 %.

Écran, écran disponible et fenêtre

Trois tailles sont faciles à confondre.

L’écran est l’affichage complet, tel que le système d’exploitation le signale.
L’écran disponible exclut les zones que le système réserve pour lui-même, comme la barre des tâches sous Windows ou le Dock et la barre de menus sur un Mac. Il n’est jamais plus grand que l’écran.
La fenêtre du navigateur, aussi appelée zone d’affichage, est la zone où la page est dessinée. Elle exclut les onglets, la barre d’adresse et la barre des favoris, et elle change chaque fois que vous redimensionnez la fenêtre.

Lorsqu’un site vous demande la taille de votre écran, il attend généralement celle de l’écran ou celle de la fenêtre. Vérifiez laquelle il lui faut avant de copier une valeur.

Taux de rafraîchissement, HDR et couleurs

Le taux de rafraîchissement correspond au nombre de fois par seconde où l’affichage met à jour l’image. Un navigateur ne peut pas le lire directement. Une page ne peut que compter les images d’animation qu’elle dessine pendant environ une seconde. Le résultat est donc une mesure, et il peut être inférieur au taux de l’écran lorsque l’onglet est en arrière-plan, que l’ordinateur est très sollicité ou que le mode économie de batterie limite le dessin. Considérez-le comme une approximation. Le test de taux de rafraîchissement effectue ce comptage et affiche la durée des images, et votre écran fonctionne-t-il vraiment à 120 Hz explique où se trouve le réglage.

Le HDR et la gamme de couleurs sont également signalés par des requêtes média, qui décrivent ce que le navigateur détecte. Cela peut différer des capacités complètes de l’écran, ainsi que de ce que le système a activé. Utilisez ces valeurs à titre indicatif.

Trouver le chiffre dans votre système

Pour vérifier la valeur qu’utilise le système lui-même, ouvrez les paramètres d’affichage. Sous Windows 11, allez dans Paramètres, puis Système, puis Affichage, et regardez Résolution d’affichage. Sous macOS, ouvrez Réglages Système et choisissez Écrans. Les deux affichent la résolution à l’échelle ainsi que les options disponibles.

Une fois la taille connue, un contrôle sur une couleur unie constitue l’étape suivante pour un nouvel écran. Le test de pixels morts remplit l’affichage de noir, de blanc, de rouge, de vert et de bleu, afin de repérer les points bloqués ou morts.

Procédure avec fixmint

Ouvrez le test de résolution d’écran. Le chiffre en haut, « Votre écran, en pixels CSS », affiche le résultat.
Comparez-le avec « pixels physiques (estimation) » et « rapport de pixels de l’appareil ». Un ratio supérieur à 1 signifie que le système ou le navigateur met l’image à l’échelle.
Redimensionnez la fenêtre du navigateur ou modifiez le zoom, et observez la valeur « fenêtre du navigateur, en direct » changer. Appuyez sur Ctrl+0, ou sur Cmd+0 sur un Mac, pour revenir à 100 %.
Lisez « taux de rafraîchissement, mesuré, approximatif », et cliquez à nouveau sur Mesurer le taux de rafraîchissement si la valeur semble erronée.
Cliquez sur Tout copier pour copier les valeurs avant de les coller dans un formulaire d’assistance.

Réponses rapides

Pourquoi mon écran affiche-t-il une résolution plus petite que la sienne ?

La mise à l’échelle est probablement réglée au-delà de 100 %. La résolution physique ne change pas, et la page lit la taille mise à l’échelle en pixels CSS.

Le zoom du navigateur modifie-t-il ma résolution d’écran ?

Non. Il modifie le ratio de pixels de la page et la taille de la fenêtre en pixels CSS. Rétablissez le zoom pour retrouver le chiffre habituel.

Le taux de rafraîchissement est-il exact ?

Non. Il est mesuré à partir des images d’animation pendant environ une seconde. Un onglet en arrière-plan ou un ordinateur très sollicité peut faire baisser la valeur.