Calculatrice de ratio d'aspect, gratuite
Calculez les ratios et mettez à l'échelle les dimensions proportionnellement.
Mettre à l'échelle
Saisissez une nouvelle largeur ou hauteur ; l'autre dimension sera calculée automatiquement.
Ratios d'aspect courants
| Ratio | Usage courant | Exemples de résolutions |
|---|---|---|
| 16:9 | Écrans larges, YouTube, TV | 1920x1080, 3840x2160 |
| 4:3 | TV classique, présentations, iPad | 1024x768, 2048x1536 |
| 1:1 | Posts Instagram, photos de profil | 1080x1080, 400x400 |
| 9:16 | TikTok, Reels, Stories, vidéo sur mobile | 1080x1920 |
| 21:9 | Écrans ultrawide, cinéma | 2560x1080, 3440x1440 |
| 3:2 | Appareils photo reflex, Surface | 1440x960, 6000x4000 |
Questions fréquentes
Qu'est-ce qu'un ratio d'aspect ?
Un ratio d'aspect est la relation proportionnelle entre la largeur et la hauteur. Un ratio 16:9 signifie que pour 16 unités de largeur, il y a 9 unités de hauteur, indépendamment de la taille réelle en pixels.
Pourquoi le ratio d'aspect est-il important en vidéo ?
Utiliser un mauvais ratio provoque des bandes noires (letterboxing/pillarboxing) ou un étirement. YouTube utilise 16:9, TikTok/Reels utilisent 9:16, et les posts Instagram utilisent 1:1 ou 4:5.
Les mathématiques derrière le ratio
Un ratio d'aspect est la relation proportionnelle entre la largeur et la hauteur, écrite sous la forme W:H comme 16:9, ou sous forme d'une seule décimale, 16 ÷ 9 = 1.777…, généralement arrondie à 1.78:1. Deux résolutions en pixels différentes peuvent partager le même ratio : 1920×1080 et 1280×720 sont toutes deux en 16:9, car elles se réduisent à la même fraction.
Pour simplifier n'importe quelle paire, divisez les deux nombres par leur plus grand commun diviseur : le plus grand entier qui divise à la fois la largeur et la hauteur sans reste. Pour le Full HD :
gcd(1920, 1080) = 1201920 ÷ 120 = 161080 ÷ 120 = 9- →
16:9
Cette calculatrice effectue cette réduction par PGCD chaque fois que vous modifiez un nombre, et résout aussi le problème inverse : étant donné un ratio cible et une dimension connue, l'autre découle de new height = (known width × H) ÷ W : ainsi, une image large de 1080 pixels mise à l'échelle en 16:9 nécessite une hauteur de 1080 × 9 ÷ 16 = 607.5, généralement arrondie à 608.
Brève histoire du rectangle
En 1891, W.K.L. Dickson, qui travaillait pour Thomas Edison, choisit un cadre 4:3 pour le Kinétoscope, car couper en deux la pellicule Kodak 70 mm donnait du 35 mm, et quatre perforations par image produisaient cette proportion. Une convention parisienne adopta le 1,33:1 comme norme du film muet en 1925. Lorsque les pistes optiques de son commencèrent à empiéter sur la surface de l'image, la Society of Motion Picture Engineers normalisa le format Academy à 1,375:1 le 9 mai 1932, le format qu'utilisèrent tous les films de studio pendant les vingt années suivantes.
Au début des années 1950, la télévision faisait de l'ombre au cinéma, et Hollywood riposta par la largeur. Shane sortit en 1,66:1 en mai 1953. Cinq mois plus tard, la 20th Century Fox présenta The Robe en CinemaScope, à l'origine en 2,55:1 (réduit du maximum optique de 2,66 afin de laisser la place à quatre pistes sonores magnétiques). La SMPTE fixa la fenêtre de projection anamorphique à 2,35:1 en 1957, puis la porta à 2,39:1 en 1970 pour rendre les marques de collure moins visibles.
Le 16:9 n'est pas arbitraire non plus. En 1984, Kerns H. Powers, membre du groupe de travail haute définition de la SMPTE, le déduisit géométriquement : lorsqu'on superpose concentriquement des rectangles de même aire correspondant à tous les ratios populaires du cinéma et de la télévision (4:3, 1,85:1, 2,35:1), ils tiennent tous dans un rectangle externe de 1,77:1 et couvrent tous un rectangle interne de 1,77:1. Mathématiquement, c'est la moyenne géométrique des extrêmes, √(1.33 × 2.35) ≈ 1.77. La recommandation UIT-R BT.709 consacra le 16:9 pour la TVHD en 1990, et l'industrie des PC passa du 16:10 au 16:9 vers 2009 afin de partager les lignes de fabrication de dalles avec les téléviseurs.
Ratios courants en 2026
| Ratio | Décimale | Où on le rencontre |
|---|---|---|
| 1:1 | 1.000 | Publications Instagram carrées, photos de profil, pochettes d'album |
| 4:5 | 0.800 | Fil Instagram portrait (format au plus fort engagement) |
| 2:3 | 0.667 | Épingle standard Pinterest, tirages photo 35 mm verticaux |
| 3:2 | 1.500 | Reflex numériques plein format, négatifs 35 mm, ordinateurs portables Microsoft Surface |
| 16:10 | 1.600 | Ordinateurs portables plus anciens, MacBook Pro 14/16 pouces, nombreuses tablettes |
| 16:9 | 1.778 | TVHD, moniteurs modernes, YouTube paysage, la plupart des ordinateurs portables |
| 1.85:1 | 1.850 | Sortie en salle « flat » moderne |
| 1.91:1 | 1.910 | Cartes de partage Open Graph / Facebook / LinkedIn (1200×630) |
| 2:1 | 2.000 | Univisium, utilisé par certaines productions originales de streaming |
| 21:9 | 2.333* | Moniteurs ultrawide (*appellation marketing ; techniquement 64:27 = 2,37:1) |
| 2.39:1 | 2.390 | Format large anamorphique moderne (« scope ») |
Tailles des plateformes sociales en 2026
- Fil Instagram : le portrait 4:5 (1080×1350) est la valeur par défaut actuelle optimisée pour l'engagement ; il occupe nettement plus d'espace vertical à l'écran sur un téléphone qu'un carré 1:1. Le carré (1080×1080) et le paysage 1,91:1 sont également acceptés. Les Stories et les Reels sont en 9:16 (1080×1920).
- TikTok : 9:16 natif en 1080×1920. Le carré est accepté, mais recadré au centre dans la vue plein écran.
- YouTube : 16:9 horizontal (1920×1080 ou 3840×2160 pour la 4K). Les YouTube Shorts sont en 9:16 en 1080×1920.
- LinkedIn : carte de partage/lien 1200×630 (1,91:1). Bannière de couverture 1584×396 (4:1). Le format vertical 1080×1350 (4:5) est recommandé pour les publications du fil.
- Pinterest : épingle standard 1000×1500 (2:3). Le centre d'aide de Pinterest indique que d'autres ratios peuvent nuire à la portée, et les épingles plus hautes qu'environ 1:2,1 sont tronquées dans le fil d'accueil.
- Facebook / Open Graph : l'aperçu de lien 1200×630 (1,91:1) est la norme de fait pour le plus grand aperçu dans le fil d'actualité et Messenger.
Letterbox, pillarbox et windowbox
Lorsque le ratio d'aspect d'une image ne correspond pas à la surface sur laquelle elle est affichée, des bandes noires apparaissent ; leur disposition dépend de la dimension qui déborde.
- Letterbox : bandes en haut et en bas. La source est plus large que l'affichage. Diffuser un film en 2,39:1 sur un téléviseur 16:9 en est l'exemple canonique. Les bandes consomment environ
1 − (1.78 / 2.39) ≈ 25%de l'espace vertical. - Pillarbox : bandes à gauche et à droite. La source est plus étroite que l'affichage. Diffuser une sitcom en 4:3 sur un téléviseur 16:9 en est le cas classique.
- Windowbox : bandes sur les quatre côtés. Se produit lorsqu'un contenu déjà en letterbox (ou en pillarbox) est mis à l'échelle dans un cadre d'un ratio encore différent.
- Pan and scan est l'alternative destructrice : l'image est rognée pour remplir l'écran et la caméra « balaye » le cadre d'origine pour garder l'action centrée. C'était la norme pour éditer les films en 2,35:1 sur les VHS 4:3 dans les années 1980 et 90, et cette méthode fut largement critiquée pour avoir tronqué la composition.
aspect-ratio en CSS
Les navigateurs proposent une propriété CSS qui fait le calcul à votre place dans la mise en page. aspect-ratio: 16 / 9; déclare la forme largeur/hauteur souhaitée d'un élément. Lorsqu'au moins l'une des deux valeurs, largeur ou hauteur, vaut auto, le navigateur dimensionne la boîte pour respecter le ratio ; si les deux sont explicites, le ratio est ignoré. D'après MDN, la propriété est disponible dans tous les principaux moteurs depuis septembre 2021 et porte le statut « Baseline Widely available ».
Auparavant, l'astuce classique était le padding hack (Thierry Koblentz, 2009) : on annulait la hauteur du conteneur et on définissait padding-bottom: 56.25%, soit 9 ÷ 16 × 100. Le remplissage en pourcentage est calculé par rapport à la largeur du parent, si bien que la boîte fait 9 unités de haut pour 16 unités de large. L'équivalent moderne pour une intégration YouTube responsive tient en une ligne :
<iframe src="…" style="width:100%; aspect-ratio: 16 / 9; border:0;"></iframe>Définir aspect-ratio sur une balise <img> réserve aussi l'espace de mise en page avant le chargement de l'image, ce qui constitue l'une des améliorations les moins coûteuses pour le Cumulative Layout Shift, un Core Web Vital qui influe sur le classement dans les résultats de recherche.
Erreurs fréquentes
- Étirer au lieu de rogner ou d'ajouter des bandes. Mettre chaque axe à l'échelle indépendamment déforme les visages et transforme les cercles en ovales. La règle : ne jamais mettre à l'échelle la largeur et la hauteur selon des facteurs différents.
- Se fier à l'appellation marketing. Les moniteurs « 21:9 » sont techniquement en 64:27 (≈ 2,37:1). Les dalles d'ordinateur portable « 1366×768 » sont presque en 16:9 (1366 ÷ 768 = 1,7786 contre 16 ÷ 9 = 1,7778), mais le ratio simplifié est en réalité 683:384, ce qui explique pourquoi la vidéo 1080p se sous-échantillonne parfois de façon légèrement imparfaite. « 4K » peut désigner soit 3840×2160 (UHD, 16:9), soit 4096×2160 (DCI cinéma, ≈ 1,90:1) selon le contexte.
- Recadrer sans recentrer les sujets. Un portrait 1:1 composé en plein centre perdra la tête et les pieds une fois recadré en 9:16 ; une verticale 9:16 perdra les mains et les accessoires une fois recadrée en 1:1. Les créateurs travaillent avec une « zone de sécurité » (environ les 80 % centraux) qui survit à tout recadrage courant.
- Confondre ratio d'aspect et densité de pixels. 1920×1080 et 3840×2160 partagent le même ratio d'aspect, mais produisent une netteté très différente sur un même écran physique.
- Grille et fil sur Instagram. Une publication 4:5 s'affiche en pleine hauteur dans le fil, mais elle est recadrée au centre en 1:1 sur la grille de votre profil ; tout élément important (visages, titres, logos) doit donc survivre au recadrage carré.
- Confondre le 16:9 et le nombre d'or. Phi (≈ 1,618) se situe entre 3:2 (1,5) et 16:10 (1,6). Les vrais rectangles d'or ressemblent davantage à une carte bancaire qu'à un téléviseur.
Autres questions
Le 1,91:1 est-il identique au 16:9 ?
Non. Le 16:9 vaut 1,778, tandis que le 1,91:1 vaut 1,910. Ils se ressemblent au premier coup d'œil, mais les cartes de partage Open Graph en 1200×630 (1,91:1) sont légèrement plus larges que les images vidéo 16:9 en 1920×1080. Confondre les deux est l'une des raisons les plus fréquentes pour lesquelles les aperçus de partage social sont recadrés bizarrement.
Quelle est la différence entre l'UHD 4K et le DCI 4K ?
L'UHD 4K, c'est 3840×2160 avec un ratio d'aspect 16:9 (1,78:1) : c'est ce qu'utilisent les téléviseurs grand public et la plupart des services de streaming. Le DCI 4K, c'est 4096×2160 avec un ratio d'aspect 256:135 (≈ 1,90:1) : c'est la norme de masterisation du cinéma numérique exigée par les caméras professionnelles comme RED, ARRI et Blackmagic. Les deux formats diffèrent de 256 pixels horizontaux, soit environ 6,7 % de surface totale en plus pour le DCI.
Comment trouver des dimensions équivalentes pour un autre ratio d'aspect ?
Choisissez un ratio cible (disons 16:9) et une dimension que vous voulez garder fixe (disons une largeur de 1080 pixels). L'autre dimension découle d'une seule multiplication : hauteur = 1080 × 9 ÷ 16 = 607,5, arrondie à 608. Le panneau « Mettre à l'échelle » ci-dessus le fait automatiquement : modifiez la nouvelle largeur ou la nouvelle hauteur, et la dimension correspondante est calculée en temps réel.
Pourquoi le 16:10 a-t-il disparu des moniteurs ?
Les PC ont brièvement privilégié le 16:10 (1680×1050, 1920×1200) entre 2003 et 2009 environ. L'industrie est passée au 16:9 vers 2009-2010, car les fabricants de téléviseurs produisaient déjà des dalles LCD 16:9 en grande quantité pour les TVHD, si bien que donner la même forme aux moniteurs permettait à tous de partager les mêmes lignes de production. Le 16:10 est revenu sur les ordinateurs portables haut de gamme (les récents MacBook Pro 14 et 16 pouces, ainsi que plusieurs portables Windows), car il offre plus d'espace vertical pour le code et les documents.
Est-ce que tout fonctionne entièrement dans mon navigateur ?
Oui. La calculatrice se résume à quelques lignes de JavaScript qui calculent le PGCD et la formule de mise à l'échelle en local ; rien n'est envoyé à un serveur, aucun compte n'est nécessaire, et elle fonctionne hors ligne une fois la page mise en cache. Cela vaut pour tous les autres outils d'Absolutool.