Calculateur de ratio d'aspect
Saisissez une largeur et une hauteur pour les réduire à un ratio d'aspect simplifié (comme 16:9 ou 4:3) et un ratio décimal, ou passez en mode redimensionnement pour trouver la hauteur correspondant à une nouvelle largeur sans étirer ni écraser l'image.
Comment fonctionne ce calcul
En mode ratio, le calculateur trouve le plus grand commun diviseur (PGCD) de la largeur et de la hauteur et divise les deux par celui-ci, comme on simplifierait une fraction. 1920 × 1080 ont un PGCD de 120, donc diviser les deux côtés donne 16:9. Le ratio décimal est simplement largeur ÷ hauteur, ce qui est utile pour comparer des ratios qui ne se réduisent pas à des nombres entiers bien nets.
En mode redimensionnement, le calculateur conserve fixe la relation d'origine entre largeur et hauteur et résout le côté manquant : nouvelle hauteur = hauteur d'origine × (nouvelle largeur ÷ largeur d'origine). Comme le ratio entre largeur et hauteur ne change jamais, l'image ou la vidéo redimensionnée conserve ses proportions d'origine et ne paraît jamais étirée ou écrasée.
Les deux modes fonctionnent avec n'importe quelle unité cohérente — pixels pour les écrans et images, ou centimètres et pouces pour l'impression — tant que la largeur et la hauteur utilisent la même unité.
Exemple chiffré
Ratios d'aspect courants
Voici les ratios que vous rencontrerez le plus souvent pour les écrans, photos et vidéos :
| Ratio | Décimal | Usage typique |
|---|---|---|
| 1:1 | 1.0000 | Carré — publications Instagram, pochettes d'album, photos de profil |
| 4:3 | 1.3333 | Télévision classique, moniteurs anciens, tirages photo standards |
| 3:2 | 1.5000 | Capteurs d'appareils reflex et hybrides, tirages 4x6 |
| 16:10 | 1.6000 | Certains moniteurs d'ordinateur portable et de bureau |
| 16:9 | 1.7778 | Vidéo HD/4K, télévision grand écran, la plupart des moniteurs modernes |
| 21:9 | 2.3333 | Moniteurs ultra-larges, vidéo cinématographique/anamorphique |
| 9:16 | 0.5625 | Vidéo verticale — stories, reels, shorts |
Pourquoi conserver le même ratio d'aspect lors d'un redimensionnement
Si vous modifiez la largeur et la hauteur indépendamment, l'image ou la vidéo s'étire ou s'écrase — les cercles deviennent des ovales et les visages paraissent déformés. Garder le ratio largeur-hauteur constant lors du redimensionnement (en mettant les deux côtés à l'échelle avec le même facteur) préserve exactement les proportions d'origine, c'est pourquoi les outils de design et les logiciels de montage vidéo verrouillent généralement le ratio d'aspect par défaut et ne laissent glisser qu'une seule poignée.
Letterboxing et pillarboxing
- Letterboxing : bandes noires ajoutées au-dessus et au-dessous du contenu pour adapter un ratio plus large à un écran plus haut sans recadrage ni étirement (par exemple un film en 21:9 diffusé sur un téléviseur 16:9).
- Pillarboxing : bandes noires ajoutées à gauche et à droite pour adapter un ratio plus haut à un écran plus large (par exemple d'anciennes images en 4:3 diffusées sur un écran 16:9).
- Recadrage : au lieu d'ajouter des bandes, certains lecteurs coupent les bords du contenu pour remplir l'écran — cela évite les bandes mais perd une partie de l'image d'origine.
- Étirement (non recommandé) : forcer un contenu à remplir l'écran sans préserver son ratio déforme chaque forme de l'image.
Utiliser les ratios en CSS et dans les outils de design
Le CSS moderne prend en charge une propriété aspect-ratio (par exemple aspect-ratio: 16 / 9) qui fixe les proportions d'un élément lorsque son conteneur change de taille, ce qui est utile pour les intégrations vidéo responsives et les emplacements réservés aux images qui ne doivent pas provoquer de décalage de mise en page pendant le chargement. Des outils de design comme Figma et Photoshop permettent aussi de verrouiller un ratio lors du dessin ou du redimensionnement d'un cadre, en utilisant la même relation largeur-hauteur que celle calculée par cet outil.