Snaplytics JS Tests

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.

Résolution native

Détection…

En direct
Fenêtre CSS
Ratio de pixels
Format d'image
Profondeur de couleur
Motif de test

changer de motif

Comment lire le motif
Texture nette et uniforme

Les pixels alternés fusionnent en un gris lisse — l'écran fonctionne à résolution native et 100 % de mise à l'échelle.

Doux ou flou

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.

Moirage ou banding

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ésolutionNomOù vous la voyez
1280 × 720HD / 720pAnciens ordinateurs portables, écrans d'entrée de gamme
1920 × 1080Full HD / 1080pLa résolution la plus courante pour les ordinateurs de bureau et les portables
2560 × 1440QHD / 1440pMoniteurs de jeu et de travail plus nets
3440 × 1440UltraWide QHDPanneaux ultra-larges 21:9
3840 × 21604K UHDGrands écrans et écrans haute densité, téléviseurs
1170 × 2532iPhone (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.