Quelle est ma résolution d'écran
Your screen resolution
— × —
CSS pixels (screen.width × screen.height)
Values update when you resize the window or rotate your appareil. Read localement dans votre navigateur.
Mode d'emploi
- Ouvrez la page – la résolution de votre écran apparaît en haut sous la forme largeur × hauteur.
- Redimensionnez la fenêtre ou faites pivoter un téléphone/une tablette pour regarder la mise à jour des valeurs en direct.
- Cliquez sur Copier pour enregistrer la résolution d'un rapport de bug ou des paramètres de jeu.
FAQ
Quelle est la résolution de mon écran?
Le titre affiche screen.width × screen.height en pixels CSS – la résolution que votre système d'exploitation signale au navigateur pour l'affichage. Par exemple 1920 × 1080 sur un moniteur Full HD.
Quelle est la différence entre la résolution de l’écran et celle de la fenêtre?
La résolution de l’écran correspond à la taille totale de l’affichage. La taille de la fenêtre d'affichage correspond uniquement à la zone de contenu du navigateur (généralement plus petite lorsque les barres d'outils et les onglets sont visibles). Utilisez quelle est la taille de ma fenêtre pour la fenêtre de présentation.
Que sont les pixels physiques?
Les pixels physiques multiplient les pixels CSS par le rapport de pixels de l'appareil (DPR). Un écran 1920 × 1080 à 2 × DPR a 3840 × 2160 pixels physiques, ce qui est important pour les écrans Retina et HiDPI.
Pourquoi la zone disponible est-elle plus petite que la pleine résolution?
screen.availWidth etavailHeight excluent les barres des tâches, les docks et les encoches. La ligne en pleine résolution utilise la taille d’affichage complète signalée.
Le zoom modifie-t-il la résolution de l’écran?
Le zoom du navigateur affecte la fenêtre d'affichage et parfois les rapports DPR, mais screen.width/height reste généralement le même. La mise à l’échelle de l’affichage du système d’exploitation peut affecter le DPR et la netteté perçue.
Des données sont-elles envoyées à un serveur?
Non. Les valeurs sont lues à partir de window.screen dans votre navigateur. Rien n'est téléchargé.
Introduction
Quelle est ma résolution d'écran affiche les dimensions en pixels de votre écran (largeur × hauteur) dès que vous ouvrez la page, avec la zone disponible, les dimensions physiques en pixels, le rapport de pixels de l'appareil et l'orientation dans le panneau de détails.
La résolution d'écran est importante pour les jeux, les préréglages d'exportation vidéo, la configuration du bureau à distance et le contrôle qualité du design réactif. Ce n'est pas la même chose que la taille de la fenêtre d'affichage (le chrome du navigateur consomme de l'espace). Cette page se concentre sur les dimensions de l'écran signalées par votre système d'exploitation.
Écran vs fenêtre vs physique
| Mesure | API | Utilisation typique |
|---|---|---|
| Résolution d'écran | screen.width×screen.height |
Taille d'affichage complète |
| Zone disponible | screen.availWidth×availHeight |
Espace utilisable moins la barre des tâches |
| Fenêtre d'affichage | window.innerWidth×innerHeight |
Zone de mise en page pour CSS |
| Pixels physiques | taille de l'écran ×devicePixelRatio |
Des atouts pointus sur Retina |
Cas d'utilisation courants
- Paramètres du jeu et de l'application: faites correspondre la résolution du jeu à la taille signalée par votre moniteur.
- Partage d'écran: indiquez à vos collaborateurs les dimensions de votre écran.
- Achat d'un moniteur: vérifiez que le système d'exploitation voit la résolution attendue après l'installation.
- Transfert de conception — résolution de la machine de test de documents pour l'assurance qualité.
Meilleures pratiques
- Comparez la résolution d'écran ici avec la taille de la fenêtre sur what is my viewport size lors du débogage des mises en page réactives.
- Associez-le à what is my device pixel ratio pour les décisions relatives aux actifs Retina/HiDPI.
- Pour un instantané complet de l'appareil, ouvrez device info.