Quelle est ma résolution d'écran

Cet outil affiche la résolution de votre écran et les dimensions associées : votre résolution d'affichage complète (par exemple, 1 920 × 1 080), la taille actuelle de la fenêtre de votre navigateur (qui est généralement plus petite) et le rapport de pixels de votre appareil (combien de pixels physiques correspondent à chaque pixel CSS, pertinent pour les écrans "Retina" à haute résolution). Il répond : « quelle est la résolution de mon écran ? » et les détails de fenêtre/pixel dont les travaux de conception et d'assistance ont souvent besoin.

Ces chiffres sont plus importants qu'il n'y paraît : la conception Web y répond, le support diagnostique les problèmes de mise en page avec eux, et la distinction entre la taille de l'écran, la taille de la fenêtre et le rapport de pixels fait trébucher même les développeurs.

Ouvrez la page et lisez instantanément les dimensions de votre écran et de votre fenêtre.

Ce qu'il affiche et pourquoi : résolution d'écran – les dimensions complètes en pixels de votre moniteur/écran ; taille de la fenêtre du navigateur (portée) : l'espace réel dont dispose votre contenu Web, qui est plus petit que l'écran (barres d'outils, barres des tâches, fenêtres non agrandies) et auquel répond réellement le design réactif ; et rapport de pixels de l'appareil : sur les écrans haute résolution (Retina, téléphones modernes), chaque pixel CSS est composé de 2 ou 3 pixels physiques, c'est pourquoi les images doivent avoir une résolution supérieure à leur taille d'affichage pour être nettes.

Qui l'utilise : concepteurs et développeurs Web - tester les mises en page réactives, comprendre la différence entre l'écran et la fenêtre d'affichage (une confusion courante : vous concevez pour la fenêtre d'affichage, pas l'écran) et vérifier le rapport de pixels pour la netteté de l'image ; assistance : diagnostiquer les problèmes de « la mise en page semble incorrecte » dont la résolution ou le zoom en sont la cause ; et toute personne curieuse de connaître leurs spécifications d'affichage. L’angle de la confidentialité : comme le navigateur et l’agent utilisateur, la résolution de votre écran est automatiquement visible sur chaque site Web et contribue à la prise d’empreintes digitales. Outils associés : Qu'est-ce que mon navigateur, Qu'est-ce que mon agent utilisateur et notre simulateur de résolution d'écran (pour tester l'apparence d'un site dans d'autres résolutions).