Détails de l'écran et de la fenêtre
Sauf mention contraire, les tailles sont en pixels CSS, l'unité qu'utilisent les sites web. Réglez le zoom du navigateur sur 100 % (Ctrl+0, ou ⌘0 sur Mac) pour des valeurs exactes.
- Résolution d'écran
- Vérification… La taille de votre écran telle que la voient les sites web.
- Résolution physique
- Vérification…Résolution d'écran × ratio de pixels : les vrais pixels de la dalle.
- Viewport (fenêtre du navigateur)
- Vérification… La partie de la page que vous voyez, sans les barres d'outils.
- Fenêtre du navigateur entière
- Vérification…
- Écran disponible
- Vérification…L'écran moins la barre des tâches, le Dock ou la barre des menus.
- Ratio de pixels de l'appareil
- Vérification…
- Format d'image
- Vérification…
- Orientation
- Vérification…
- Profondeur de couleur
- Vérification…
- Gamut de couleurs
- Vérification…
- HDR
- Vérification…
- Fréquence de rafraîchissement
- Vérification…
- Écran tactile
- Vérification…
- Écrans
- Vérification…
Votre viewport sur votre écran
Le cadre extérieur représente votre écran ; la zone grisée est la partie visible de cette page, là où se trouve la fenêtre de votre navigateur.
Résolutions d'écran courantes
Les tailles des moniteurs et des ordinateurs portables sont en pixels physiques ; celles des téléphones et des tablettes sont en pixels CSS, telles que les voient les sites web. Les lignes qui correspondent à votre écran sont signalées.
| Nom | Résolution | Format | Usage courant |
|---|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 | Téléviseurs HD, petits portables |
| WXGA | 1366 × 768 | 16:9 | Portables d'entrée de gamme |
| HD+ | 1600 × 900 | 16:9 | Portables 17 pouces, anciens moniteurs |
| Full HD (1080p) | 1920 × 1080 | 16:9 | La plupart des moniteurs et portables |
| WUXGA | 1920 × 1200 | 16:10 | Moniteurs de bureau, portables |
| QHD / 2K (1440p) | 2560 × 1440 | 16:9 | Moniteurs 27 pouces, jeu vidéo |
| WQXGA | 2560 × 1600 | 16:10 | MacBook Air et Pro, portables 16:10 |
| UWQHD | 3440 × 1440 | 21:9 | Moniteurs ultra-larges 34 pouces |
| 4K UHD (2160p) | 3840 × 2160 | 16:9 | Moniteurs et téléviseurs 4K |
| 5K | 5120 × 2880 | 16:9 | iMac, Apple Studio Display |
| iPhone 12 / 13 / 14 | 390 × 844 | 19.5:9 | iPhone (pixels CSS) |
| iPhone 15 / 16 | 393 × 852 | 19.5:9 | iPhone (pixels CSS) |
| Android | 412 × 915 | 20:9 | Téléphones Android (pixels CSS) |
| iPad | 810 × 1080 | 4:3 | iPad (pixels CSS) |
Quel est mon navigateur ?Vérifier l'empreinte de votre navigateur
Qu'est-ce que la résolution d'écran ?
La résolution d'écran est le nombre de pixels que votre écran affiche en largeur et en hauteur, notée largeur × hauteur. Un moniteur Full HD fait 1920 × 1080 : 1 920 pixels de large et 1 080 de haut, soit environ deux millions de pixels au total.
Plus il y a de pixels sur un écran de même taille, plus le texte et les images sont nets. C'est pourquoi un portable de 13 pouces peut avoir une résolution plus élevée qu'un moniteur de bureau de 24 pouces.
Pourquoi votre résolution semble plus basse que celle de votre moniteur
Windows, macOS, iOS et Android agrandissent tout l'affichage pour que le texte reste lisible sur les écrans très définis. Un portable avec une dalle 1920 × 1080 à 125 % de mise à l'échelle annonce aux sites un écran de 1536 × 864, et un MacBook avec une dalle 2560 × 1600 indique généralement 1440 × 900 ou 1470 × 956.
Les sites web ne voient que ces tailles mises à l'échelle, appelées pixels CSS. Multipliez-les par le ratio de pixels de l'appareil pour obtenir la résolution physique, que cette page affiche sous le chiffre principal. Le zoom du navigateur modifie aussi ce ratio : remettez-le à 100 % avant de comparer.
Résolution d'écran, viewport et taille de la fenêtre
- Résolution d'écran : l'écran entier, y compris les zones masquées par d'autres fenêtres.
- Écran disponible : l'écran moins la barre des tâches, le Dock ou la barre des menus.
- Fenêtre du navigateur : la fenêtre entière, onglets, barre d'adresse et bordures compris.
- Viewport : la partie de la fenêtre qui affiche la page. C'est la taille sur laquelle les webdesigners testent leurs mises en page, et elle change quand vous redimensionnez la fenêtre ou ouvrez les outils de développement.
Comment changer la résolution de votre écran
- Windows 11 et 10 : clic droit sur le Bureau > Paramètres d'affichage > Résolution de l'affichage. La valeur marquée (Recommandé) est la résolution native de votre moniteur. La mise à l'échelle se règle juste au-dessus.
- macOS : menu Pomme > Réglages Système > Moniteurs, puis choisissez une taille. « Texte plus grand » utilise des pixels CSS moins nombreux mais plus grands ; la résolution physique de la dalle ne change pas.
- iPhone et Android : la résolution est fixe. Le zoom de l'écran (iPhone) ou la taille d'affichage (Android) change la taille des éléments, et donc la taille CSS que voient les sites.
- Pour l'image la plus nette, gardez la résolution native et modifiez plutôt la mise à l'échelle.
Questions
Quelle est la résolution de mon écran ?
Elle s'affiche en haut de cette page, lue depuis votre navigateur. Le grand chiffre est la taille que voient les sites web ; la ligne en dessous indique la résolution physique de votre écran et la mise à l'échelle utilisée par votre système.
Pourquoi la page affiche 1536 × 864 alors que mon moniteur est en 1920 × 1080 ?
Votre système est réglé sur une mise à l'échelle de 125 %, donc les sites voient un écran 1,25 fois plus petit. La résolution physique reste 1920 × 1080, comme indiqué sous le chiffre principal. De même, une mise à l'échelle de 150 % transforme 1920 × 1080 en 1280 × 720.
1920 × 1080, 1080p et 2K, c'est pareil ?
1920 × 1080 correspond au Full HD, aussi appelé 1080p. Pour les moniteurs, 2K désigne généralement 2560 × 1440 (QHD ou 1440p), alors que le 2K du cinéma fait 2048 × 1080. Le 4K UHD fait 3840 × 2160, soit quatre fois plus de pixels que le 1080p.
Qu'est-ce que la taille du viewport ?
Le viewport est la zone de la fenêtre du navigateur qui affiche la page, sans les onglets, la barre d'adresse ni les barres de défilement. C'est la taille à laquelle s'adaptent les sites responsive, et c'est elle que les designers veulent connaître quand ils vous demandent la taille de votre navigateur.
Qu'est-ce que le ratio de pixels de l'appareil ?
C'est le nombre de pixels physiques qui forment un pixel CSS. Un ratio de 1 signifie aucune mise à l'échelle, 2 est courant sur les Mac Retina et de nombreux téléphones, et 3 sur les iPhone récents. Le zoom du navigateur le modifie aussi.
Comment connaître la résolution de l'écran de mon téléphone ?
Ouvrez cette page sur le téléphone. Les téléphones annoncent des pixels CSS, par exemple 393 × 852 sur un iPhone 15. Multipliez par le ratio de pixels (3 sur cet iPhone) pour obtenir les 1179 × 2556 pixels de la dalle : cette page fait le calcul pour vous.
La fréquence de rafraîchissement est-elle exacte ?
Elle est mesurée d'après la fréquence à laquelle le navigateur dessine une image : elle est proche, mais pas exacte. Le mode économie d'énergie, un onglet en arrière-plan ou un ordinateur très sollicité peuvent donner une valeur inférieure au réglage de votre écran.
Guides
- Qu'est-ce qu'une adresse IP ?
Une adresse IP est le numéro qui indique à Internet où envoyer les données qui vous sont destinées. Voici à quoi elle ressemble, les différents types et ce que la vôtre dit de vous.
- Comment trouver votre adresse IP
Votre IP publique se trouve en un clic. Votre IP privée dépend de l'appareil. Voici les étapes exactes pour chacun.
- IPv4 et IPv6 : quelle différence ?
L'IPv6 remplace l'IPv4 parce que le monde est à court d'adresses. Voici comment les deux se comparent, comment savoir lequel vous utilisez et pourquoi l'IPv6 compte si vous utilisez un VPN.
- Qu'est-ce qu'une fuite DNS et comment la corriger ?
Même avec un VPN activé, votre appareil peut encore demander à votre fournisseur d'accès chaque site que vous visitez. C'est une fuite DNS. Voici comment la repérer et la stopper.