Test de Résolution d'Écran
Visualisez la résolution native de votre écran en pixels physiques, ainsi que son ratio de pixels, son format d'image et sa profondeur de couleur. Lancez ensuite un motif de test d'1 pixel en plein écran : à la vraie résolution native il se lit comme une texture nette et uniforme, tandis que la mise à l'échelle ou un mode non natif se manifeste par du flou ou du moirage.
Détection…
← → changer de motif
Les pixels alternés fusionnent en un gris lisse — l'écran fonctionne à résolution native et 100 % de mise à l'échelle.
L'image est étirée — la résolution est probablement réglée en dessous du natif, donc le GPU met à l'échelle vers le haut.
Les motifs ondulants proviennent de l'interpolation. Réinitialisez le zoom du navigateur à 100 % et vérifiez la mise à l'échelle de l'écran de l'OS.
La résolution d'écran correspond au nombre de pixels affichés par un écran, exprimé en largeur × hauteur — 1920 × 1080, par exemple. Plus de pixels sur la même surface signifie une image plus nette et plus dense. Chaque écran plat possède une grille fixe de pixels physiques qu'il est conçu pour afficher, appelée sa résolution native, et il est le plus net lorsqu'il fonctionne à cette résolution. Ce test lit la grille de pixels physiques que votre navigateur signale et l'affiche comme le grand nombre ci-dessus, afin que vous puissiez confirmer ce que votre matériel pilote réellement.
Choisissez une résolution inférieure et le GPU étire une image plus petite sur la grille fixe, adoucissant l'ensemble. Les systèmes modernes ajoutent également une mise à l'échelle d'affichage (Retina, Windows 150%) pour dessiner l'interface plus grande tout en conservant un rendu à pleine densité. C'est pourquoi un navigateur signale deux tailles : la fenêtre CSS en pixels logiques et la résolution physique en pixels réels de l'appareil. Le rapport entre eux est le ratio de pixels de l'appareil (DPR) — un DPR de 2 signifie que chaque pixel CSS est soutenu par un bloc de 2 × 2 pixels physiques, de sorte que la fenêtre que votre navigateur voit peut représenter la moitié de la résolution de l'écran.
Résolutions d'écran courantes
| Résolution | Nom | Où vous la voyez |
|---|---|---|
| 1280 × 720 | HD / 720p | Anciens ordinateurs portables, écrans d'entrée de gamme |
| 1920 × 1080 | Full HD / 1080p | La résolution la plus courante pour les ordinateurs de bureau et les portables |
| 2560 × 1440 | QHD / 1440p | Moniteurs de jeu et de travail plus nets |
| 3440 × 1440 | UltraWide QHD | Panneaux ultra-larges 21:9 |
| 3840 × 2160 | 4K UHD | Grands écrans et écrans haute densité, téléviseurs |
| 1170 × 2532 | iPhone (DPR 3) | Téléphones modernes — panneaux hauts et haute densité |
Conseils pour une lecture précise
- Réinitialisez le zoom du navigateur à 100% — le zoom rééchantillonne la page indépendamment du système d'exploitation.
- Sous Windows, choisissez la résolution marquée « (Recommended) » dans Settings > System > Display.
- Sous macOS, choisissez « Default for display » dans System Settings > Displays.
- Lancez le motif plein écran : un gris uniforme et propre signifie une sortie native, tandis qu'un flou ou un moiré indique une mise à l'échelle.
