Tableau des résolutions d'écran : 720p, 1080p, 2K, 4K et 8K
Utilisez ce tableau pour comparer les résolutions de moniteur, portable, mobile et TV. Vérifiez pixels, ratio, PPI, taille recommandée et lien avec le viewport réel.
Que signifient ces résolutions pour vous ?
La résolution décrit le nombre de pixels physiques d’un écran. Elle influence la netteté, l’espace de travail, la charge GPU et le scaling, mais elle ne correspond pas forcément au viewport CSS visible dans le navigateur.
Utilisez cette référence puis vérifiez votre résolution d’écran pour comparer les standards avec votre viewport et DPR réels.
Pour acheter un écran, le nombre de pixels ne suffit pas. Résolution, taille, distance, scaling système, puissance GPU et contenus doivent fonctionner ensemble.
Développement web
En développement web, les résolutions standard sont des repères de test, pas des catégories fixes d’appareils. Vérifiez toujours le viewport CSS réel, car DPR, barres du navigateur, zoom et scaling système modifient la largeur visible.
Gaming
La résolution gaming affecte directement la charge GPU. Le 1080p reste fort pour l’esport, le 1440p est le choix PC équilibré et la 4K convient aux GPU haut de gamme et aux grands écrans.
Production vidéo
En production vidéo, la résolution doit suivre la timeline et la cible d’export. Le 1080p reste le format de livraison le plus sûr, tandis que 1440p et 4K apportent plus de détail, de marge de recadrage et de qualité premium.
Bureau et productivité
Pour la bureautique, la lisibilité du texte et l’espace utile comptent le plus. Le 1080p convient aux 22-24 pouces, le 1440p est excellent en 27 pouces et la 4K fonctionne mieux en 27-32 pouces avec un scaling correct.
Résolution vs taille d’écran : quel rendu est le meilleur ?
Une même résolution peut paraître très différente selon la taille d’écran. Le 1080p reste net en 24 pouces, devient plus doux en 27, tandis que le 1440p en 27 et la 4K en 27-32 offrent beaucoup plus de finesse.
| Résolution | Meilleure taille | PPI | Usage courant |
|---|---|---|---|
| 1920 x 1080 | 24" | 92 PPI | Gaming compétitif, bureau, streaming |
| 2560 x 1440 | 27" | 109 PPI | Gaming, design, productivité |
| 3440 x 1440 | 34" ultrawide | 110 PPI | Multitâche, timelines, jeux immersifs |
| 3840 x 2160 | 27-32" | 163-138 PPI | Vidéo 4K, photo, gaming détaillé |
| 7680 x 4320 | 55"+ | 160 PPI at 55" | TV 8K, revue production |
Règle pratique : 1080p jusqu’à 24 pouces, 1440p autour de 27 pouces, 4K dès 27 pouces si la netteté du texte et les détails sont prioritaires.
Breakpoints CSS par résolution
Utilisez les breakpoints comme plages de mise en page, pas comme règles exactes par appareil. Un écran 4K peut exposer un viewport CSS bien plus petit à cause du scaling et du DPR.
@media (max-width: 480px) { /* small phones */ }
@media (min-width: 481px) and (max-width: 768px) { /* large phones */ }
@media (min-width: 769px) and (max-width: 1024px) { /* tablets */ }
@media (min-width: 1025px) and (max-width: 1440px) { /* laptops */ }
@media (min-width: 1441px) { /* desktop and wide screens */ }
Testez au minimum petits téléphones, grands téléphones, tablettes, laptops, desktops et écrans larges. Complétez ces plages par des tests réels, car navigation, barres de défilement et zoom changent la largeur disponible.
Résolutions mobiles : 360p à 1080p
Les téléphones signalent souvent des viewports CSS comme 360 x 800, 390 x 844 ou 430 x 932 même avec des panneaux physiques très denses. Pour la mise en page, le viewport CSS compte plus que la résolution marketing.
Résolutions laptop : HD à 4K
Les laptops utilisent souvent 1366 x 768, 1920 x 1080, 1920 x 1200, 2560 x 1600, 2880 x 1800, 3024 x 1964 ou 3840 x 2160. L’espace réellement utilisable dépend beaucoup de la taille du panneau et du scaling.
Résolutions ultrawide et TV
Les écrans ultrawide sont utiles quand l’espace horizontal compte plus que la hauteur, par exemple pour timelines, feuilles de calcul et multitâche. Les TVs restent dominées par 1080p et 4K, avec la 8K encore limitée au premium.
Questions fréquentes
Quelle résolution est la meilleure pour jouer ?
Pour le jeu compétitif, 1080p ou 1440p est souvent préférable à la 4K, car les FPS élevés et la latence faible comptent davantage. Pour les jeux narratifs ou console, la 4K est pertinente sur grand écran si le matériel suit.
Le 1080p vaut-il encore le coup en 2026 ?
Oui. Le 1080p reste pertinent en 2026 pour les écrans 22-24 pouces, laptops économiques, streaming, bureautique et esport. Pour 27 pouces ou plus, 1440p ou 4K est généralement plus confortable.
Le 1440p est-il meilleur que la 4K ?
Le 1440p n’est pas toujours meilleur que la 4K, mais il est souvent plus pratique. Il est bien plus net que 1080p, demande moins de GPU que 4K et convient particulièrement aux écrans 27 pouces.
Pourquoi un écran haute résolution affiche-t-il un petit viewport ?
Un écran haute résolution peut afficher un petit viewport parce que l’interface du navigateur, le zoom, le DPR et le scaling système réduisent les pixels CSS disponibles. La résolution physique et le viewport diffèrent donc souvent.
Quelle résolution utiliser pour streamer ?
Pour le streaming, le 1080p reste le choix le plus sûr car il équilibre bande passante, taille de fichier et compatibilité. Le 1440p ou la 4K conviennent si la plateforme, le bitrate et l’appareil cible justifient la qualité supplémentaire.
Comment vérifier ma résolution actuelle ?
Ouvrez le vérificateur de taille d’écran pour voir résolution, viewport et DPR instantanément.
Vous choisissez un nouvel écran ? Utilisez l’ outil de comparaison de tailles d’écran puis lisez le guide de taille d’écran gaming si votre usage principal est le jeu.
Tableau des résolutions standard
Notes pour le marché francophone
En français, on mélange souvent pouces, centimètres, résolution d’écran et taille d’écran. Comparez résolution, PPI, scaling et distance, surtout pour laptops haute densité et écrans 27-32 pouces.
Résolutions de moniteurs et écrans
| Nom standard | Résolution | Total de pixels | Utilisation courante |
|---|---|---|---|
| HD (720p) | 1280 × 720 | 921,600 | Moniteurs d'entrée de gamme, anciens téléviseurs |
| Full HD (1080p) | 1920 × 1080 | 2,073,600 | Moniteurs standard, téléviseurs grand public |
| WUXGA | 1920 × 1200 | 2,304,000 | Écrans 16:10, portables professionnels |
| QHD (1440p) | 2560 × 1440 | 3,686,400 | Moniteurs gaming haut de gamme, écrans professionnels |
| WQHD | 3440 × 1440 | 4,953,600 | Moniteurs ultra larges, ratio 21:9 |
| UHD 4K | 3840 × 2160 | 8,294,400 | Téléviseurs premium, moniteurs professionnels, création de contenu |
| DCI 4K | 4096 × 2160 | 8,847,360 | Standard de projection cinéma, production cinématographique professionnelle |
| 5K | 5120 × 2880 | 14,745,600 | Écrans professionnels haut de gamme, iMac, etc. |
| 8K UHD | 7680 × 4320 | 33,177,600 | Téléviseurs de pointe, production cinématographique professionnelle |
Rapports d'aspect courants
| Rapport d'aspect | Résolutions courantes | Appareils typiques |
|---|---|---|
| 16:9 | 1280×720, 1920×1080, 2560×1440, 3840×2160 | Téléviseurs modernes, la plupart des moniteurs, portables |
| 16:10 | 1280×800, 1920×1200, 2560×1600 | MacBook Apple, certains portables professionnels |
| 21:9 | 2560×1080, 3440×1440, 5120×2160 | Moniteurs ultra larges, écrans de cinéma |
| 4:3 | 800×600, 1024×768, 1600×1200 | Moniteurs traditionnels, anciens téléviseurs |
| 3:2 | 1500×1000, 2256×1504, 3000×2000 | Appareils Surface, certains Chromebooks |
| 1:1 | 1080×1080, 1440×1440 | Photos carrées Instagram, certains écrans professionnels |
| 32:9 | 3840×1080, 5120×1440 | Moniteurs super ultra larges incurvés, remplacement de double moniteur |
Standards de résolution vidéo
| Standard vidéo | Résolution | Plateformes courantes |
|---|---|---|
| 360p | 640 × 360 | YouTube basse bande passante, anciennes vidéos mobiles |
| 480p (SD) | 640 × 480 | DVD définition standard, ancien contenu vidéo |
| 720p (HD) | 1280 × 720 | Vidéos HD, YouTube, streaming |
| 1080p (Full HD) | 1920 × 1080 | Vidéos Full HD, plateformes vidéo grand public |
| 1440p (2K/QHD) | 2560 × 1440 | Vidéos YouTube premium, streaming de jeux |
| 4K (UHD) | 3840 × 2160 | Netflix 4K, YouTube 4K, Blu-ray UHD |
| 8K (UHD) | 7680 × 4320 | Vidéos expérimentales, contenu YouTube haut de gamme |
Comprendre les résolutions et tailles
Bases des résolutions
Qu'est-ce que la résolution ?
La résolution correspond au nombre de pixels horizontaux et verticaux d'un écran. Une résolution plus élevée signifie plus de détails mais nécessite plus de puissance de traitement et de bande passante.
Qu'est-ce que le rapport d'aspect ?
Le rapport d'aspect est la relation proportionnelle entre la largeur et la hauteur, exprimée sous forme x:y (ex. : 16:9). Il détermine la forme de la zone d'affichage, affectant l'expérience de visionnage et la mise en page du contenu.
Résolution vs taille physique
La résolution est le nombre de pixels, tandis que la taille physique correspond aux dimensions réelles de l'écran (généralement en pouces ou centimètres). Des écrans de même résolution peuvent avoir des tailles physiques différentes, ce qui affecte la densité de pixels (PPI/DPI).
Considérations de design
- Concevez pour plusieurs résolutions et appareils, pas une seule taille fixe
- Utilisez le design réactif pour que le contenu s'affiche correctement sur toutes les tailles d'écran
- Préparez des images en 2x ou 3x pour les écrans haute résolution comme les écrans Retina
- Testez vos designs sur les résolutions courantes
- Vérifiez séparément résolution physique, viewport CSS, DPR et scaling système au lieu de tout déduire d’un seul chiffre.
Mise en œuvre technique
- Utilisez les media queries CSS pour adapter les mises en page aux différentes tailles d'écran
- Utilisez les balises meta viewport correctement pour un bon rendu sur mobile
- Utilisez des unités relatives (em, rem, %) plutôt que des tailles en pixels fixes
- Utilisez srcset et l'élément picture en CSS pour charger les images adaptées aux différents ratios de pixels
- Utilisez CSS Grid et Flexbox pour créer des mises en page adaptatives