À propos : Résolution d’écran
Cet outil affiche la résolution de l’écran, la taille de la fenêtre du navigateur et le ratio de pixels (DPR) de l’appareil que vous utilisez. Pratique pour définir les points de rupture d’un site responsive, vérifier qu’un nouvel écran tourne bien en résolution native ou choisir la bonne taille de fond d’écran.
Les navigateurs indiquent la résolution en pixels CSS, qui tiennent déjà compte de la mise à l’échelle du système. Multipliez par le DPR pour obtenir les pixels physiques de la dalle.
Mode d’emploi
- Ouvrez la page : la résolution de votre écran s’affiche tout de suite en haut.
- Juste en dessous, consultez la taille de la fenêtre, le ratio de pixels et les pixels physiques.
- Redimensionnez la fenêtre ou tournez votre téléphone : les valeurs changent en direct.
- Cliquez sur Copier toutes les infos pour copier toutes les valeurs en texte, pour le support ou un rapport de bug.
Résolution, viewport et DPR : les différences
| Valeur | Signification |
|---|---|
| Résolution d’écran | Taille totale de l’écran après mise à l’échelle (pixels CSS) |
| Zone disponible | Écran moins la barre des tâches, le Dock ou la barre des menus |
| Fenêtre du navigateur | Zone où s’affiche la page web (référence du responsive) |
| DPR | Nombre de pixels physiques par pixel CSS |
| Pixels physiques | Résolution × DPR, proche du nombre réel de pixels de la dalle |
Par exemple, un écran 4K (3840×2160) mis à l’échelle à 150 % sous Windows affiche 2560×1440 avec un DPR de 1,5, soit 3840×2160 pixels physiques.
Résolutions courantes
| Nom | Résolution | Format |
|---|---|---|
| Full HD (1080p) | 1920 × 1080 | 16:9 |
| QHD (1440p) | 2560 × 1440 | 16:9 |
| 4K UHD | 3840 × 2160 | 16:9 |
| WUXGA | 1920 × 1200 | 16:10 |
| UWQHD (ultra-large) | 3440 × 1440 | 21:9 |
Questions fréquentes
J’ai un écran 4K : pourquoi la résolution affichée est-elle plus petite ?
La mise à l’échelle du système (échelle d’affichage de Windows, réglage de résolution de macOS) est appliquée. Le navigateur indique des pixels CSS, divisés par cette échelle : regardez plutôt les pixels physiques (résolution × DPR).
Le zoom du navigateur modifie-t-il les valeurs ?
Oui. Zoomer avec Ctrl (⌘) + molette ou +/− change le DPR et la taille de la fenêtre en pixels CSS. Revenez à 100 % pour obtenir des valeurs exactes.
Mon téléphone affiche une résolution plus faible que sa fiche technique.
Les smartphones ont un DPR de 2 à 3, donc les pixels CSS paraissent petits. Un écran de 1179×2556 avec un DPR de 3 s’affiche par exemple en 393×852. Vérifiez que les pixels physiques correspondent à la fiche technique.
Ces informations sont-elles enregistrées ou envoyées ?
Non. Toutes les valeurs sont lues par votre navigateur sur votre appareil et affichées ; rien n’est envoyé.