Résolutions d'écran courantes
HD, Full HD, 4K, ratios d'aspect : les résolutions d'écran les plus courantes et comment les reconnaître.
Résolutions courantes
| Nom | Résolution | Ratio |
|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 |
| Full HD (1080p) | 1920 × 1080 | 16:9 |
| QHD / 2K (1440p) | 2560 × 1440 | 16:9 |
| 4K UHD | 3840 × 2160 | 16:9 |
| 8K UHD | 7680 × 4320 | 16:9 |
Ratios d'aspect courants
| Ratio | Usage typique |
|---|---|
| 16:9 | Écrans, vidéo, TV modernes |
| 4:3 | Anciens écrans, certains projecteurs |
| 21:9 | Écrans ultra-larges (cinéma) |
| 1:1 | Réseaux sociaux (posts carrés) |
| 9:16 | Stories, vidéos verticales (mobile) |
Le "p" (720p, 1080p) désigne un balayage progressif — chaque image est affichée en entier — par opposition à l'ancien "i" entrelacé (1080i), quasiment disparu aujourd'hui.
Densité de pixels (PPI)
PPI = √(largeur_px² + hauteur_px²) / taille_diagonale_pouces
Plus le PPI est élevé, plus l'image est nette à une distance de vue donnée — les écrans haute densité ("Retina" et équivalents) dépassent généralement 300 PPI.
Formats web courants pour les images
| Contexte | Résolution conseillée |
|---|---|
| Bannière web pleine largeur | 1920 × 600-800 px |
| Vignette de carte/blog | 800 × 600 px |
| Avatar / photo de profil | 400 × 400 px |
Résolution vs taille d'affichage : ne pas confondre
Un écran 4K de 27 pouces et un écran 4K de 55 pouces ont exactement la même résolution (3840 × 2160), mais une densité de pixels très différente — le premier affiche une image bien plus nette de près, le second est pensé pour être regardé de loin (salon), où l'œil ne distingue plus la différence de finesse.
Résolutions mobiles courantes
| Catégorie | Résolution typique | Ratio |
|---|---|---|
| Smartphone standard | 1170 × 2532 (ou équivalent) | ~19,5:9 |
| Smartphone compact | 750 × 1334 | 16:9 |
| Tablette | 1620 × 2160 ou plus | 4:3 |
Pour un design responsive, penser en unités relatives (%, rem, vw/vh) plutôt qu'en pixels fixes évite d'avoir à gérer une liste sans fin de résolutions spécifiques.
Merci pour votre retour !