Qu'est-ce qu'un outil de résolution d'écran ?
Un outil de résolution d'écran détecte et affiche les dimensions actuelles de votre écran, la densité de pixels, le rapport de pixels d'appareil et la taille de la fenêtre d'affichage. Ces informations sont essentielles pour les développeurs web qui testent les conceptions réactives, les concepteurs qui créent des éléments à la bonne résolution, et les utilisateurs qui dépannent des problèmes d'affichage ou qui choisissent des paramètres de moniteur.
Comment utiliser cet outil de résolution d'écran
- Ouvrez cette page sur l'appareil dont vous souhaitez mesurer l'écran.
- Affichage votre résolution d'écran (largeur × hauteur en pixels), le rapport de pixels d'appareil (DPR), les dimensions de la fenêtre d'affichage et la profondeur de couleur.
- Redimensionnez votre fenêtre de navigateur pour voir les dimensions de la fenêtre d'affichage se mettre à jour en temps réel, ce qui est utile pour tester les points d'arrêt réactifs.
Concepts clés
La résolution d'écran est le nombre total de pixels qu'un écran peut afficher, exprimé en largeur × hauteur (par exemple, 1920 × 1080). Le rapport de pixels d'appareil (DPR) indique combien de pixels physiques correspondent à un pixel CSS, les affichages Retina ayant généralement un DPR de 2 ou 3. La fenêtre d'affichage est la zone visible de la fenêtre du navigateur, qui peut être plus petite que la résolution d'écran en raison des barres d'outils, des barres des tâches et de la bordure du navigateur.
Questions fréquemment posées
Quelle est la différence entre la résolution d'écran et la taille de la fenêtre d'affichage ?
La résolution d'écran est le nombre total de pixels de votre écran physique. La taille de la fenêtre d'affichage est la zone disponible pour le rendu du contenu Web dans le navigateur, à l'exclusion des barres d'outils, des barres de défilement et de la bordure du navigateur. Les requêtes multimédias CSS réactives ciblent la fenêtre d'affichage, non la résolution d'écran.
Qu'est-ce que le rapport de pixels d'appareil ?
Le rapport de pixels d'appareil (DPR) est le rapport entre les pixels physiques et les pixels CSS. Un DPR de 2 signifie que chaque pixel CSS est rendu à l'aide d'une grille 2 × 2 de pixels physiques, produisant un texte et des images plus nets sur les écrans haute densité comme les affichages Retina Apple.
Pourquoi ma résolution rapportée diffère-t-elle des spécifications de mon moniteur ?
La mise à l'échelle d'affichage du système d'exploitation peut réduire la résolution effective. Par exemple, un moniteur 4K (3840 × 2160) à l'échelle 200 % est signalé comme 1920 × 1080 pixels CSS au navigateur, même si le panneau physique possède quatre fois plus de pixels.