Guide complet des proportions : tailles de vidéo, de photo et de médias sociaux
Tout ce que vous devez savoir sur les proportions pour la vidéo, la photographie et les réseaux sociaux. Couvre 16:9, 4:3, 21:9, 9:16, les formats cinéma, les tailles spécifiques à la plate-forme, la formule GCD et la propriété CSS de format d'image.
Qu'est-ce qu'un rapport hauteur/largeur ?
Un rapport hauteur/largeur est la relation proportionnelle entre la largeur et la hauteur d'une image, d'une vidéo ou d'un écran. Il s'écrit sous forme de deux nombres séparés par deux points. Par exemple, 16
signifie que la largeur est de 16 unités pour 9 unités de hauteur.Les proportions décrivent la forme, et non la taille. Un moniteur 1920×1080 et un moniteur 3840×2160 sont des tailles très différentes, mais tous deux partagent la même forme 16
. Une publication Instagram 1080×1080 et une couverture d’album 3000×3000 sont toutes deux des carrés 1.Vous pouvez également exprimer un rapport hauteur/largeur sous la forme d'un nombre décimal unique en divisant la largeur par la hauteur. Pour 16
, cela fait 16 ÷ 9 = 1,778. Pour 4, c'est 4 ÷ 3 = 1,333. La forme décimale est utile pour des comparaisons mentales rapides : un nombre plus grand signifie une forme plus large (plus horizontale), tandis qu'un nombre plus petit signifie une forme plus haute (plus verticale).Pourquoi le rapport hauteur/largeur est important dans la production multimédia
Choisir le mauvais rapport hauteur/largeur entraîne plusieurs problèmes :
- Barres noires — Lorsqu'une vidéo 4 est lue sur un écran 16, des barres noires verticales (pillarboxing) apparaissent des deux côtés. Lorsqu'une vidéo 16 est lue dans une image 4, des barres noires horizontales (letterbox) apparaissent en haut et en bas.
- Recadrage — Les plateformes de médias sociaux recadreront automatiquement les images qui ne correspondent pas à leur rapport préféré, éliminant ainsi potentiellement des sujets importants.
- Distorsion — Forcer le contenu dans un mauvais rapport sans recadrer étire ou écrase l'image, donnant aux gens une apparence anormalement large ou haute.
- Engagement inférieur — Sur des plateformes comme Instagram et TikTok, le contenu qui remplit tout l'écran (en utilisant le bon ratio) surpasse systématiquement le contenu avec des barres noires ou un recadrage maladroit.
Comprendre les proportions vous permet de planifier vos prises de vue, vos exportations et vos conceptions afin que le contenu s'affiche parfaitement sur chaque écran et sur chaque plate-forme.
Rapports d'aspect courants expliqués
16 : 9 – La norme moderne
Décimal : 1,778 | Résolutions courantes : 1280×720, 1920×1080, 2560×1440, 3840×2160
Le format 16
est le format d’image dominant dans le monde moderne. C'est la norme pour :- Diffusions de télévision haute définition (TVHD)
- YouTube, Vimeo et la plupart des plateformes de streaming
- Écrans d'ordinateur (Full HD, QHD, 4K UHD)
- Consoles de jeux vidéo (PlayStation, Xbox, Nintendo Switch en mode docké)
- Webcams, caméras d'action et caméras arrière de smartphone en mode paysage
Le rapport a été adopté comme norme internationale pour la TVHD dans les années 1990 comme compromis mathématique entre le format TV 4
existant et les formats cinéma plus larges. Il a été choisi car il pouvait afficher du contenu 4, 1,85 et 2,39 avec un minimum d'espace perdu.Aujourd'hui, si vous produisez du contenu vidéo et que vous ne savez pas quel ratio utiliser, 16
est presque toujours la valeur par défaut. Utilisez notre Calculateur de rapport d'aspect pour convertir n'importe quelle dimension personnalisée en son équivalent 16.4 — Le format classique
Décimal : 1,333 | Résolutions courantes : 640×480, 1024×768, 1600×1200, 2048×1536
4
(également écrit 1,33) a été le format d'image standard pour les écrans de télévision et d'ordinateur pendant plus d'un demi-siècle, des années 1940 au début des années 2000. Il correspond étroitement au ratio Academy (1,375) utilisé dans les débuts du cinéma.Aujourd’hui, le 4
est toujours d’actualité dans plusieurs domaines :- Écrans iPad — L'iPad d'Apple utilise un écran 4, ce qui le rend idéal pour la lecture, la navigation et les présentations.
- Logiciel de présentation — Les formats de diapositives PowerPoint/Keynote traditionnels utilisent le format 4 (1024 × 768), bien que les diapositives 16 soient de plus en plus courantes.
- Caméras de sécurité — De nombreuses caméras de vidéosurveillance et IP diffusent toujours une vidéo 4.
- Esthétique rétro — Les cinéastes et les créateurs de contenu utilisent parfois le format 4 pour un look vintage ou indépendant intentionnel.
21 — Ultra-large et cinéma
Décimal : 2,333 | Résolutions courantes : 2560×1080, 3440×1440, 5120×2160
21
est le nom marketing utilisé par les fabricants de moniteurs pour les écrans ultra-larges. Le rapport de pixels réel de la plupart des moniteurs ultra-larges est plus proche de 2,37 ou 2,39, mais « 21 » est utilisé comme un raccourci pratique.Les moniteurs ultra-larges sont populaires parmi :
- Gamers — Le champ de vision plus large offre un avantage compétitif dans les jeux à la première personne et les jeux de course.
- Éditeurs vidéo — L'espace horizontal supplémentaire s'adapte à une chronologie plus longue sans effectuer de zoom arrière.
- Multitâches — Deux documents ou applications peuvent s'asseoir côte à côte sans se chevaucher, remplaçant ainsi une configuration à deux moniteurs.
Pour le cinéma, les formats étroitement liés 2,35
et 2,39 (discutés ci-dessous) sont les formats grand écran standard utilisés dans les films de cinéma.1 — La place
Décimal : 1,0 | Résolution commune : 1080×1080
Le format carré a gagné en popularité lorsque Instagram a été lancé en 2010 avec un format photo uniquement carré. Bien qu'Instagram prenne désormais en charge plusieurs ratios, le 1
reste largement utilisé pour :- Publications sur les réseaux sociaux — Une image carrée s'intègre parfaitement dans les dispositions en grille sur Instagram, Facebook et Pinterest.
- Photos de profil — Presque toutes les plateformes affichent les photos de profil sous forme de recadrage carré ou circulaire.
- Pochette d'album — Les services de streaming musical (Spotify, Apple Music) affichent les pochettes sous forme de carrés 1.
- Commerce électronique — Les images de produits sur Amazon, Shopify et Etsy sont généralement carrées pour un aspect de catalogue épuré et cohérent.
3 — Norme de photographie
Décimal : 1,5 | Résolutions courantes : 1080×720, 4000×2667, 6000×4000
3
est le rapport hauteur/largeur natif des films 35 mm et de la grande majorité des appareils photo reflex numériques et sans miroir. Lorsque vous prenez une photo avec un appareil photo Canon, Nikon, Sony ou Fujifilm, l'image brute est presque toujours au format 3.Les formats d'impression photographiques standard qui correspondent à 3
comprennent :- 4 × 6 pouces (la taille d'impression d'instantané la plus courante)
- 6 × 9 pouces
- 8 × 12 pouces
- 20 × 30 pouces
Notez que les formats d'impression populaires 5 × 7 pouces et 8 × 10 pouces ne correspondent pas au 3
. L'impression à ces tailles nécessite de recadrer l'image originale, c'est pourquoi les photographes doivent toujours prévoir le rapport d'impression final lors de la composition de leurs photos.9h16 — Vidéo verticale
Décimal : 0,5625 | Résolution commune : 1080×1920
9
est simplement 16 avec une rotation de 90 degrés – un format vertical plein écran conçu pour la visualisation sur smartphone. C'est le ratio requis ou préféré pour :- Vidéos TikTok (1080×1920)
- Histoires et bobines Instagram (1080×1920)
- Shorts YouTube (1080×1920)
- Histoires et publicités Snapchat
- Histoires Facebook (1080×1920)
La vidéo verticale a explosé en popularité depuis 2020 et représente désormais la majorité de la consommation de contenu court dans le monde. Si vous créez du contenu pour les plateformes mobiles, 9h16 devrait être votre format principal.
Aide-mémoire sur le rapport hauteur/largeur des médias sociaux (2026)
Choisir les bonnes dimensions pour chaque plate-forme évite les recadrages indésirables, les barres noires et la perte de qualité. Le tableau ci-dessous résume les formats d'image et les dimensions en pixels recommandés pour chaque principal type de placement sur les réseaux sociaux.
| Plateforme | Emplacement | Rapport hauteur/largeur | Taille recommandée (px) |
|---|---|---|---|
| YouTube | Vidéo standard | 16 | 1920×1080 (1080p) ou 3840×2160 (4K) |
| YouTube | Short | 9h16 | 1080×1920 |
| Poteau carré | 1 | 1080×1080 | |
| Poste de portrait | 4 | 1080×1350 | |
| Poste de paysage | 1,91 | 1080×566 | |
| Histoires / Bobines | 9h16 | 1080×1920 | |
| Tik Tok | Vidéo | 9h16 | 1080×1920 |
| Image du flux | 1 | 1080×1080 | |
| Aperçu du lien | 1,91 | 1200×628 | |
| Histoires | 9h16 | 1080×1920 | |
| Twitter/X | Publier une image | 16 | 1200×675 |
| Twitter/X | Bannière d'en-tête | 3 | 1500×500 |
| Publication de fil d'actualité | 1 | 1080×1080 | |
| Aperçu du lien | 1,91 | 1200×627 | |
| Goupille standard | 2 | 1000×1500 |
Conseils pour la création de contenu multiplateforme
- Tournez en 9 comme format principal. Vous pouvez recadrer au format 1, 4 ou 16 à partir d'un original vertical plus facilement que d'aller dans l'autre sens.
- Gardez les éléments clés centrés. Lorsque votre vidéo 9 est recadrée à 1 pour une publication dans le fil, les bords gauche et droit sont coupés. Si votre sujet est centré, il reste dans le cadre.
- Utilisez des zones de sécurité. La plupart des outils d'édition vous permettent de superposer des guides de ratio. Permettez-leur de voir à quoi ressemble votre composition selon plusieurs ratios avant de l’exporter.
- Exportation par lots. Des outils comme Adobe Premiere Pro, Final Cut Pro et Canva vous permettent d'exporter le même projet selon plusieurs ratios en une seule étape.
Rapports d'aspect au cinéma
Histoire : du format académique 4 au grand écran moderne
Les premiers films ont été tournés au format d'environ 1,33 : 1 (4 : 3), connu sous le nom de rapport Académie, car l'Académie des arts et des sciences du cinéma l'a standardisé en 1932. Ce format est resté le format cinématographique dominant jusqu'aux années 1950, lorsque la télévision, également au format 4 : 3, a menacé le public de l'industrie cinématographique.
Pour offrir une expérience que la télévision ne pouvait pas reproduire, les studios ont introduit des formats grand écran :
- CinemaScope (1953) — Objectifs anamorphiques utilisés pour obtenir un rapport de 2,35 sur un film 35 mm standard. L’image plus large a permis au public de se sentir immergé dans la scène.
- VistaVision (1954) — A fait passer un film 35 mm horizontalement à travers l'appareil photo pour obtenir un négatif plus grand, produisant une image de 1,85 : 1.
- Cinerama (1952) — Utilisation de trois caméras et projecteurs synchronisés pour une expérience d'écran ultra-large et incurvé approchant 2,89.
Dans les années 1960, l’industrie avait opté pour deux normes principales d’écran large qui restent utilisées aujourd’hui.
Ratios de cinéma moderne
- 1,85 (Flat) — La norme cinématographique américaine pour les sorties sans portée. Légèrement plus large que le 16, il est utilisé pour les comédies, les drames et de nombreux films d'animation. Les réalisateurs choisissent 1,85 lorsqu’ils souhaitent un rendu grand écran sans extension horizontale extrême.
- 2.39 (Portée) — La norme anamorphique moderne. Utilisé pour les films d'action, la science-fiction, les épopées et tout film où l'échelle visuelle est une priorité. Des films comme Dune, Oppenheimer et The Batman utilisent 2,39 (ou très proche).
- 1,43 et 1,90 (IMAX) — Les films IMAX sont capturés et projetés au format 1,43 (Full IMAX 70 mm, presque carré) ou 1,90 (IMAX numérique, proche du 16). Certains réalisateurs, comme Christopher Nolan, basculent entre 2,39 et 1,43 IMAX au sein d'un même film pour un effet dramatique.
Comment les réalisateurs choisissent les ratios pour la narration
Le format d’image est un choix créatif, pas seulement technique. Un rapport plus large (2,39
) met l'accent sur les paysages, les mouvements horizontaux et la portée épique. Un rapport plus étroit (4 ou 1,33) attire l'attention vers l'intérieur, créant de l'intimité ou de la claustrophobie. Les films récents ont utilisé des changements de ratio dans l'histoire :- Le Grand Budapest Hotel (Wes Anderson) bascule entre 1,37, 1,85 et 2,39 pour distinguer trois périodes horaires.
- Maman (Xavier Dolan) utilise un cadre carré 1 qui s'élargit physiquement à un moment émotionnel crucial.
- TENET (Christopher Nolan) alterne entre une portée 2,39 et un IMAX 1,43 pour signaler les changements d'échelle et d'intensité.
Comment calculer le rapport hauteur/largeur
La méthode GCD
Le moyen le plus fiable de trouver le rapport hauteur/largeur d'une résolution est la méthode du plus grand diviseur commun (PGCD) :
- Prenez la largeur des pixels (W) et la hauteur des pixels (H).
- Calculez le PGCD de W et H.
- Divisez W et H par le PGCD.
- Le résultat est le rapport hauteur/largeur dans sa forme entière la plus simple.
Formule :
GCD = greatest common divisor of W and H
Aspect Ratio = (W ÷ GCD) : (H ÷ GCD)
Exemples travaillés
Exemple 1 : Trouvez le rapport hauteur/largeur de 1920×1080.
- PGCD(1920, 1080) = 120
- 1920 ÷ 120 = 16
- 1080 ÷ 120 = 9
- Rapport d'aspect : 16
Exemple 2 : Trouvez le rapport hauteur/largeur de 2 560 × 1 600.
- PGCD(2560, 1600) = 160
- 2560 ÷ 160 = 16
- 1600 ÷ 160 = 10
- Rapport d'aspect : 16
Exemple 3 : Trouvez le rapport hauteur/largeur de 4 000 × 3 000.
- PGCD(4000, 3000) = 1000
- 4 000 ÷ 1 000 = 4
- 3 000 ÷ 1 000 = 3
- Rapport d'aspect : 4
Vous voulez éviter les calculs manuels ? Utilisez notre Calculateur de rapport d'aspect pour trouver instantanément le rapport pour n'importe quelle résolution.
Redimensionner sans distorsion
Lorsque vous redimensionnez une image ou une vidéo, vous devez conserver le rapport hauteur/largeur d'origine pour éviter de l'étirer ou de l'écraser. La formule est :
new_height = original_height × (new_width ÷ original_width)
Ou, si vous connaissez la hauteur cible :
new_width = original_width × (new_height ÷ original_height)
Exemple : Redimensionnez une image de 3 840 × 2 160 (4K) à 1 920 pixels de large.
- new_height = 2160 × (1920 ÷ 3840) = 2160 × 0,5 = 1080
- Résultat : 1920×1080, toujours 16.
Qualité de mise à l'échelle ou de réduction
- La réduction d'échelle (réduire la taille) est généralement sûre. Le logiciel fait la moyenne des pixels voisins pour produire une image nette et plus petite. Réduisez toujours l'échelle par rapport à l'original de la plus haute qualité dont vous disposez.
- La mise à l'échelle (agrandir) crée des pixels qui n'existaient pas dans l'original. La mise à l'échelle traditionnelle (bilinéaire, bicubique) produit des résultats flous. Les upscalers basés sur l'IA (Topaz Gigapixel, Adobe Super Resolution) font un bien meilleur travail mais ne peuvent pas inventer de véritables détails.
Bonne pratique : Capturez ou concevez à la taille la plus grande dont vous aurez jamais besoin, puis réduisez l'échelle pour chaque format de livraison.
Propriété CSS aspect-ratio
Le CSS moderne inclut une propriété aspect-ratio dédiée qui facilite la création de conteneurs réactifs avec une forme fixe :
.video-container {
aspect-ratio: 16 / 9;
width: 100%;
background: #000;
}
Cela indique au navigateur de calculer automatiquement la hauteur en fonction de la largeur du conteneur afin qu'il conserve toujours un rapport 16
, quelle que soit la taille de la fenêtre d'affichage. Aucun hack de rembourrage n'est nécessaire.Modèles d'utilisation courants
/* Responsive YouTube embed */
.youtube-embed {
aspect-ratio: 16 / 9;
width: 100%;
}
/* Square profile picture container */
.avatar {
aspect-ratio: 1 / 1;
width: 80px;
border-radius: 50%;
overflow: hidden;
}
/* Instagram portrait card */
.insta-card {
aspect-ratio: 4 / 5;
width: 100%;
object-fit: cover;
}
Compatibilité du navigateur
La propriété aspect-ratio est prise en charge dans tous les navigateurs modernes : Chrome 88+, Firefox 89+, Safari 15+ et Edge 88+. Pour les navigateurs plus anciens, vous pouvez utiliser le hack traditionnel du pourcentage de remplissage inférieur comme solution de repli :
/* Fallback for older browsers */
.video-container-fallback {
position: relative;
width: 100%;
padding-bottom: 56.25%; /* 9/16 = 0.5625 = 56.25% */
}
Foire aux questions
Quelle est la différence entre le rapport hauteur/largeur et la résolution ? La résolution correspond au nombre total de pixels (par exemple, 1 920 × 1 080 = 2 073 600 pixels). Le rapport hauteur/largeur est la forme – la relation proportionnelle entre la largeur et la hauteur. Deux écrans peuvent avoir le même rapport hauteur/largeur (16
) mais des résolutions très différentes (720p contre 4K).Quel rapport hauteur/largeur dois-je utiliser pour YouTube ? Les vidéos YouTube standard utilisent le format 16
(1920×1080 ou 3840×2160). YouTube Shorts utilise 9 (1080×1920). Si vous téléchargez un autre ratio, YouTube ajoutera des barres noires pour s'adapter au lecteur.Quel est le meilleur rapport hauteur/largeur pour Instagram ? Cela dépend de l'emplacement. Pour une surface d'écran maximale dans le flux, utilisez le format portrait 4
(1080 × 1350). Pour les histoires et les bobines, utilisez 9 (1080×1920). Pour une disposition de grille propre, utilisez 1 (1080×1080).Quel rapport hauteur/largeur est un écran MacBook ? La plupart des modèles de MacBook utilisent un format d'image 16
. Le MacBook Pro 14 pouces a une résolution de 3024 × 1964, ce qui se simplifie à environ 16,4 en raison de la zone d'encoche, bien que la zone d'affichage utilisable soit effectivement de 16.Comment puis-je trouver le rapport hauteur/largeur de mon moniteur ? Vérifiez vos paramètres d'affichage pour la résolution (par exemple, 2560 × 1440), puis divisez les deux nombres par leur GCD. Pour 2560×1440, le GCD est de 320, ce qui donne 8
,5, ce qui se simplifie en 16. Ou utilisez notre Calculateur de rapport d'aspect pour des résultats instantanés.Puis-je convertir entre les formats d'image sans recadrer ? Non. Si les ratios source et cible diffèrent, vous devez soit recadrer (supprimer le contenu des bords), ajouter un remplissage/des barres noires (boîte aux lettres ou pilier) ou étirer/déformer l'image. Il n’existe aucun moyen sans perte de modifier la forme d’une image.
Que signifie « anamorphique » au cinéma ? Anamorphique fait référence à un objectif qui compresse optiquement une image large sur un film 35 mm standard pendant la capture, puis la décompresse pendant la projection pour restaurer le rapport d'aspect large (généralement 2,35
ou 2,39). Cette technique produit des reflets caractéristiques et une faible profondeur de champ que de nombreux cinéastes apprécient.Quel est le rapport hauteur/largeur d'une photo iPhone ? Les iPhones capturent des photos au format 4
par défaut (par exemple, 4032×3024 sur l’iPhone 15 Pro). Vous pouvez passer au 16 ou au 1 dans les paramètres de l'application Appareil photo, mais le 4 utilise toute la zone du capteur pour une résolution maximale.Résumé
Les proportions sont fondamentales pour tout support visuel, des écrans de smartphone aux cinémas IMAX. Les ratios clés à retenir sont 16
(vidéo HD et moniteurs), 4 (TV classique et iPad), 9 (vidéo mobile verticale), 1 (carrés de réseaux sociaux), 3 (photographie) et 2,39 (cinéma moderne). Faire correspondre votre contenu au rapport correct évite les barres noires, le recadrage et la distorsion.Pour calculer ou convertir instantanément n'importe quel rapport d'aspect, essayez notre calculateur de rapport d'aspect gratuit. Entrez une largeur et une hauteur pour trouver le rapport, ou entrez un rapport et une dimension pour calculer l'autre — aucune inscription requise.