Résolution de mon écran : pourquoi le chiffre ment

Demande à un site web quelle est ta résolution d'écran et il peut répondre avec un chiffre imprimé nulle part sur la boîte de ton portable. Une machine 4K qui affiche 1536x864 n'est pas un bug — c'est la mise à l'échelle qui fait son travail. Ton écran a en réalité trois 'résolutions' différentes, et chacune compte pour une raison différente.

Trois chiffres, un seul écran

Quand les gens disent 'résolution', ils mélangent trois mesures différentes :

• Taille d'écran — l'espace de coordonnées de l'écran tel que le système d'exploitation le présente, en pixels CSS, après application de la mise à l'échelle.
• Viewport — la partie de cet espace que ta fenêtre de navigateur occupe réellement en ce moment. Redimensionne la fenêtre et ce chiffre change ; les autres non.
• Pixels physiques — les vraies lumières de la dalle. Le chiffre sur la boîte : 1920x1080, 3840x2160 et ainsi de suite.

Tu peux voir les trois en direct — plus l'orientation, la profondeur de couleur et une comparaison plein écran — sur notre test de résolution d'écran. Redimensionne la fenêtre du navigateur pendant qu'il tourne et regarde le chiffre du viewport bouger pendant que la valeur d'écran reste fixe. Cette seule expérience enseigne tout le concept.

Alors lequel est 'ta résolution' ? Pour acheter un écran : les pixels physiques. Pour le web design et ce que les sites voient : la taille d'écran en pixels CSS. Pour savoir si une fenêtre d'appel vidéo tient à côté de tes notes : le viewport. Ce sont toutes des réponses honnêtes à des questions différentes.

Pourquoi ton portable 4K affiche 1536x864

Voici l'énigme qui envoie les gens sur Google. Un portable 14 pouces avec une dalle 3840x2400 rapporte une taille d'écran de 1536x864 à chaque site web. Le vendeur t'a arnaqué ? Non — le portable tourne à 250 % de mise à l'échelle d'affichage, ce qui est la recommandation par défaut de Windows sur les écrans de portable à haute densité.

Le calcul : divise la résolution physique par le facteur de mise à l'échelle. 3840 ÷ 2,5 = 1536. L'OS prétend que l'écran fait 1536 pixels CSS de large pour que les boutons et le texte gardent une taille physique lisible, puis peint chaque pixel CSS avec 2,5x2,5 pixels physiques de détail ultra-net. Tu obtiens la netteté du 4K avec l'utilisabilité d'une résolution bien plus basse.

La même astuce est partout en 2026 : un écran 4K 27 pouces à 150 % de mise à l'échelle affiche 2560x1440. Un téléphone avec une dalle 1170x2532 affiche 390x844. Le chiffre rapporté est l'écran logique, pas le physique — et les sites web voient presque toujours le logique.

Le device pixel ratio, expliqué autour d'un café

Le device pixel ratio (DPR) est le pont entre les deux mondes. Il répond à une question : combien de pixels physiques l'écran utilise-t-il pour dessiner un pixel CSS ? Un DPR de 1 signifie un pour un — le vieux monde des écrans standard. Un DPR de 2 signifie que chaque pixel CSS est un bloc 2x2 de quatre pixels physiques, ce qu'Apple a baptisé 'Retina'.

Les appareils modernes poussent plus loin. Les téléphones flagship tournent à DPR 3 ou plus — un pixel CSS soutenu par neuf physiques. Ce portable mis à l'échelle à 250 % se situe à DPR 2,5. C'est pourquoi le texte sur un téléphone a l'air impossiblement lisse : le navigateur dessine les lettres avec bien plus de pixels que le layout CSS ne le sait.

Ça explique aussi le mystère classique de la capture d'écran. Tu captures une page qui 'remplit' ton écran 1536x864, et le PNG sort en 3840 pixels de large. Les captures d'écran capturent les pixels physiques, pas les CSS — donc l'image fait ta largeur CSS multipliée par le DPR. Ta résolution n'a pas changé ; ta règle de mesure, si.

Les résolutions auxquelles les gens jouent vraiment

La résolution physique reste celle qui coûte de l'argent et des images. Chaque palier multiplie le nombre de pixels que ton GPU doit pousser à chaque image :

Malgré une décennie de marketing 4K, le Steam Hardware Survey a régulièrement montré le 1080p comme la résolution gaming la plus courante, avec le 1440p grimpant régulièrement en deuxième place. La raison est simple : les joueurs compétitifs échangent des pixels contre du frame rate. Une image 1080p à 240 Hz gagne plus de duels qu'une image 4K à 60 Hz — un thème qu'on retrouve dans les benchmarks de temps de réaction.

Si tu décides où dépenser, résolution et fréquence de rafraîchissement se battent pour le même budget. Notre checklist de test écran guide la vérification des deux une fois la nouvelle dalle arrivée.

Pourquoi les streamers et les téléphones affichent des chiffres si bizarres

Tu as remarqué l'overlay d'un streamer montrant un canvas de 1536x864 ou 1600x900 ? C'est généralement un bureau 4K ou 1440p mis à l'échelle, ou une réduction délibérée pour que le stream rende plus vite et que le texte reste lisible sur les écrans de téléphone. Les chiffres 'bizarres' sont juste des résolutions physiques divisées par des facteurs de mise à l'échelle.

Les téléphones sont le cas extrême. Un iPhone avec une dalle physique de 1179x2556 à DPR 3 rapporte un écran CSS de 393x852 — un chiffre qui ressemble à une faute de frappe jusqu'à ce que tu multiplies par trois. Les flagships Android font pareil avec des DPR comme 2,625 ou 3,5, c'est pourquoi les stats d'écrans mobiles sont pleines de valeurs comme 412x915.

Tablettes, pliables et consoles portables 120 Hz jouent tous au même jeu en 2026 : de grandes dalles physiques, des écrans logiques modestes, un DPR qui fait la traduction entre les deux.

Comment les sites web utilisent vraiment ces chiffres

Le responsive design tourne sur les pixels CSS, pas les physiques. Quand un site passe du layout desktop au layout mobile, il vérifie si ton viewport franchit un breakpoint — typiquement quelque part autour de 768 ou 1024 pixels CSS de large. Ton téléphone rapporte 390 pixels CSS, donc il reçoit le layout mobile, même si sa dalle a plus de pixels physiques que beaucoup de portables.

C'est aussi pourquoi le zoom du navigateur change les layouts. Zoomer à 125 % n'ajoute pas de pixels ; ça gonfle le pixel CSS, rétrécissant la largeur CSS de ton viewport. Zoome assez loin sur un desktop et les sites te serviront le layout tablette — un tour de passe-passe qui perturbe tout le monde la première fois.

Pour quiconque construit ou débogue un site, l'affichage live du viewport sur le test de résolution d'écran — qui se met à jour pendant que tu redimensionnes — est plus rapide que d'ouvrir les dev tools juste pour vérifier un breakpoint.

Quand une résolution plus élevée fait vraiment mal

Plus de pixels n'est pas gratuit. Quatre coûts à connaître avant de courir après le plus gros chiffre :

• Frame rate : le 4K fait exactement 4x les pixels du 1080p. Attends-toi à environ la moitié des FPS du même GPU, ou pire, aux mêmes réglages.
• UI minuscule : lance du 4K à 100 % de mise à l'échelle sur un écran 27 pouces et amuse-toi à plisser les yeux sur du texte en 9 points. Corrige avec la mise à l'échelle et tu reviens à un 1440p logique de toute façon.
• Batterie : les dalles high-DPI et le travail GPU pour les nourrir coûtent de la vraie autonomie sur portables et téléphones — une raison pour laquelle beaucoup de téléphones sont livrés avec des modes de rendu plus bas par défaut.
• Artefacts de mise à l'échelle : les vieilles applis qui ignorent la mise à l'échelle DPI rendent flou sur les écrans high-DPI, ce qui peut paraître pire qu'une simple dalle 1080p.

La leçon pratique : fais correspondre la résolution à la taille d'écran et à la distance de vision, fais correspondre la mise à l'échelle à tes yeux, et laisse le DPR faire son travail silencieux en arrière-plan.

En résumé

Ton écran a trois résolutions, et elles sont toutes 'correctes' : les pixels physiques sur la dalle, l'espace de coordonnées CSS après mise à l'échelle, et le viewport que ta fenêtre de navigateur occupe. Si un site web affiche 1536x864 sur ta machine 4K, rien n'est cassé — c'est la mise à l'échelle à 250 % qui fait exactement ce qu'elle doit. Vérifie les trois valeurs en direct, multiplie le chiffre CSS par le DPR pour valider la dalle, et dépense ton budget d'upgrade dans la résolution que ton GPU et tes yeux peuvent vraiment utiliser.