Calculateur de rapport d'aspect

Qu'est-ce qu'un calculateur de rapport d'aspect ?

Le rapport d'aspect (ou ratio) décrit la proportion entre la largeur et la hauteur d'une image, d'une vidéo ou d'un écran. Il est généralement écrit sous forme largeur:hauteur (par exemple 16:9 ou 4:3). Comprendre les rapports d'aspect est essentiel pour la conception graphique, la production vidéo et la création de contenu pour les réseaux sociaux.

Un mauvais rapport d'aspect entraîne des bandes noires, des images étirées ou un cadrage indésirable. Cet outil convertit entre dimensions pour conserver des proportions correctes, calcule le rapport à partir de dimensions données et propose les ratios courants utilisés en photographie, vidéo et impression.

Comment utiliser cet outil

Entrez deux des quatre valeurs (largeur d'origine, hauteur d'origine, nouvelle largeur, nouvelle hauteur) et l'outil calcule les deux autres en conservant le rapport. Vous pouvez également choisir un rapport prédéfini (16:9, 4:3, 1:1, 21:9, etc.) dans la liste.

Comment calculer une dimension manquante

Un rapport de forme exprime la relation proportionnelle entre la largeur et la hauteur — indépendamment de la taille absolue. Le rapport 16:9 signifie que pour chaque 16 unités de largeur il y a 9 unités de hauteur. Le rapport étant indépendant de l'échelle, une vignette de 160×90 et un écran 4K de 3840×2160 partagent exactement le même rapport de forme.

Pour mettre les dimensions à l'échelle tout en conservant le rapport, utilisez ces deux formules. Pour trouver une nouvelle hauteur à partir d'une nouvelle largeur : nouvelle hauteur = nouvelle largeur × (hauteur originale ÷ largeur originale). Pour trouver une nouvelle largeur à partir d'une nouvelle hauteur : nouvelle largeur = nouvelle hauteur × (largeur originale ÷ hauteur originale). Les deux formules appliquent simplement le rapport d'origine comme multiplicateur.

Exemple concret : mise à l'échelle de 1920×1080

Partons d'une image Full HD de 1920×1080 pixels. D'abord, simplifiez le rapport en trouvant le plus grand commun diviseur (PGCD) de 1920 et 1080. En appliquant l'algorithme d'Euclide : PGCD(1920, 1080) = PGCD(1080, 840) = PGCD(840, 240) = PGCD(240, 120) = 120. En divisant les deux dimensions par 120, on obtient 16:9 — le célèbre rapport grand écran.

Supposons maintenant que vous deviez mettre cette vidéo à l'échelle d'une largeur de 1280 pixels pour un écran plus petit. Appliquez la formule : nouvelle hauteur = 1280 × (1080 ÷ 1920) = 1280 × 0,5625 = 720. L'image mise à l'échelle est 1280×720 — également connue sous le nom de 720p HD — et conserve exactement le rapport 16:9.

Avertissement sur l'arrondi : les dimensions en pixels doivent être des nombres entiers. Arrondissez toujours à l'entier le plus proche. Pour l'encodage vidéo, arrondissez à l'entier pair inférieur le plus proche afin d'éviter les erreurs de codec liées au sous-échantillonnage de la chrominance (par exemple, YUV 4:2:0 exige des dimensions paires).

Rapports de forme courants et leurs usages

• 16:9 — La norme dominante pour la vidéo HD et 4K. Utilisée par YouTube, Netflix, Twitch, les télévisions modernes et la plupart des écrans de bureau. Résolutions représentatives : 1280×720 (HD), 1920×1080 (Full HD), 2560×1440 (QHD), 3840×2160 (4K UHD).
• 4:3 — L'ancien standard des téléviseurs CRT et des premiers moniteurs informatiques. Encore utilisé pour les présentations, certains modèles d'iPad et les formats de films vintage. Une vidéo grand écran de 1920×1080 affichée sur un écran 4:3 génère des bandes noires horizontales (letterboxing).
• 1:1 — Le format carré. Indispensable pour les publications dans le fil Instagram, les photos de profil, les icônes d'application et les pochettes d'album. Facile à recadrer depuis n'importe quel format plus large sans perdre le sujet.
• 9:16 — Le pendant vertical du 16:9. Le format natif des écrans de smartphone tenus en mode portrait. Utilisé par Instagram Stories, TikTok, YouTube Shorts et Snapchat.
• 21:9 — Format ultrawide pour le cinéma et les moniteurs. Courant dans les films cinématographiques (souvent affichés en 2,35:1 ou 2,39:1) et les moniteurs de jeu ultralarges. Le contenu filmé en 16:9 affiche des bandes noires verticales (pillarboxing) sur un écran 21:9.
• 3:2 — Le rapport classique du film 35 mm, repris par la plupart des appareils photo reflex numériques et sans miroir. Un tirage 10×15 cm est en 3:2. Les résolutions typiques incluent 6000×4000 (24 MP) et 7952×5304 (42 MP).

Rapports d'aspect courants

• 16:9 — Norme HD et 4K pour téléviseurs, YouTube et streaming.
• 4:3 — Ancienne norme TV, encore utilisée pour certains tirages photo.
• 1:1 — Carré, idéal pour les publications Instagram.
• 9:16 — Vertical, utilisé pour les Stories, Reels et TikTok.
• 21:9 — Ultra-large, pour les écrans cinéma et certains moniteurs.

Letterboxing et pillarboxing : que se passe-t-il lorsque les rapports ne correspondent pas

Lorsque le rapport de forme du contenu ne correspond pas à celui du conteneur, l'affichage doit compenser. Le letterboxing ajoute des bandes noires horizontales en haut et en bas — vous le voyez lorsque vous regardez un film cinéma en 2,39:1 sur un téléviseur 16:9. Le pillarboxing ajoute des bandes noires verticales à gauche et à droite — vous le voyez lorsqu'une émission en 4:3 est diffusée sur un écran large 16:9. Lorsque les deux paires de bandes apparaissent (le contenu est plus petit que le conteneur dans les deux dimensions), l'effet s'appelle windowboxing.

L'alternative au boxing est le recadrage ou l'étirement. Le recadrage remplit le conteneur mais coupe une partie de l'image. L'étirement remplit le conteneur mais déforme l'image — les visages et les cercles deviennent des ovales. Aucune des deux options n'est idéale, c'est pourquoi choisir le bon rapport de sortie dès le départ évite les problèmes en post-production.

Erreurs courantes à éviter

• Ignorer le rapport lors du redimensionnement : saisir une nouvelle largeur sans mettre à jour la hauteur produit un contenu déformé et étiré. Verrouillez toujours le rapport de forme avant de redimensionner.
• Arrondir les deux dimensions indépendamment : arrondir la largeur vers le haut et la hauteur vers le bas (ou inversement) introduit une légère dérive du rapport qui se cumule à chaque redimensionnement. Arrondissez une dimension, puis calculez l'autre à partir de la valeur arrondie.
• Confondre le rapport d'affichage et le rapport de stockage : la vidéo anamorphique (courante en diffusion et Blu-ray) stocke les pixels à un rapport mais indique au lecteur d'afficher à un autre. Vérifiez toujours les métadonnées du rapport d'aspect des échantillons (SAR), pas seulement les dimensions de la trame.
• Supposer que le 16:9 est universel : la conception mobile-first requiert souvent des assets en 9:16. Les plateformes sociales peuvent recadrer automatiquement en 4:5 ou 1,91:1. Exportez plusieurs recadrages plutôt que de vous fier à un seul rapport.

Ratios d'aspect dans la conception web

En CSS, la propriété aspect-ratio maintient les proportions des éléments responsives. Avant l'existence de cette propriété, les développeurs utilisaient l'astuce du padding-bottom (padding-bottom: 56.25% pour le 16:9). Le CSS moderne simplifie les choses : il suffit de définir aspect-ratio: 16 / 9 sur n'importe quel élément. C'est essentiel pour intégrer des vidéos, créer des galeries d'images et concevoir des mises en page de cartes cohérentes sur tous les appareils.

Questions fréquentes

Comment redimensionner sans perdre les proportions ?

Calculez d'abord le rapport actuel, puis appliquez ce même rapport aux nouvelles dimensions. Si vous changez la largeur, la hauteur doit être ajustée proportionnellement : nouvelle hauteur = nouvelle largeur x (hauteur originale / largeur originale).

Quel est le meilleur rapport pour les réseaux sociaux ?

Cela dépend de la plateforme : 1:1 pour le fil Instagram, 9:16 pour les Stories et Reels, 16:9 pour les vidéos YouTube horizontales, 1.91:1 pour les images partagées sur Facebook et Twitter.

Qu'est-ce que le PGCD et pourquoi est-il important ?

Le plus grand commun diviseur (PGCD) est le plus grand nombre qui divise à la fois la largeur et la hauteur sans reste. Diviser les deux dimensions par leur PGCD réduit le rapport à sa forme la plus simple. Par exemple, PGCD(1280, 720) = 80 ; 1280 ÷ 80 = 16 et 720 ÷ 80 = 9, ce qui donne 16:9. Sans simplification, vous verriez 1280:720 au lieu de l'étiquette reconnaissable 16:9.

Le rapport 4:3 est-il vraiment identique à 1,33:1 ?

Oui. Les rapports de forme peuvent être exprimés sous forme de largeur:hauteur avec des nombres entiers (4:3) ou sous forme de rapport décimal (1,33:1, où 4 ÷ 3 ≈ 1,333). Le cinéma utilise traditionnellement la forme décimale — 1,85:1 (grand écran plat) et 2,39:1 (scope anamorphique) — tandis que la vidéo et la conception web privilégient la forme avec deux-points et nombres entiers. Cette calculatrice affiche les deux : le rapport simplifié (16:9) et l'équivalent décimal (1,7778).