Calculer le ratio d’une image (rapport largeur/hauteur)

Q: Comment définir un ratio en CSS ?

Avec aspect-ratio: 16 / 9; sur l’élément. Si seule la largeur est fixée, le navigateur en déduit la hauteur.

Calcul du ratio d’image – saisissez la largeur et la hauteur en pixels (ou en cm, en pouces…) : l’outil simplifie le ratio d’image et affiche sa valeur décimale ainsi que le format standard le plus proche. Indiquez une nouvelle largeur ou hauteur pour obtenir le côté manquant, sans déformer l’image.

Exemple : Largeur 1 920 px · Hauteur 1 080 px · Nouveau format : je connais la: largeur · Nouvelle largeur ou hauteur 1 280 px → Ratio (simplifié) : 16:9. Source : MDN Web Docs – aspect-ratio. Mise à jour : 27 septembre 2026.

Largeur

Hauteur

Nouveau format : je connais la

Nouvelle largeur ou hauteur

Laissez vide si seul le ratio vous intéresse.

Ma boîte à outilsVos saisies sont enregistrées uniquement dans ce navigateur.

Résultat

Ratio (simplifié): 16:9
Nouvelles dimensions: 1280 × 720 px
Valeur décimale (largeur ÷ hauteur): 1,778 : 1
Format standard: exactement 16:9
CSS: aspect-ratio: 16 / 9;
Même ratio pour des largeurs courantes: Largeur Hauteur Pixels entiers ?
640 px 360 px oui
1080 px 608 px arrondi
1280 px 720 px oui
1920 px 1080 px oui
2560 px 1440 px oui
3840 px 2160 px oui

Largeur	Hauteur	Pixels entiers ?
640 px	360 px	oui
1080 px	608 px	arrondi
1280 px	720 px	oui
1920 px	1080 px	oui
2560 px	1440 px	oui
3840 px	2160 px	oui

Comment le calcul est fait

Comment calculer le ratio d’une image

Le ratio (ou rapport d’aspect) est le rapport largeur/hauteur divisé par le plus grand commun diviseur (PGCD). Exemple 1920 × 1080 : le PGCD de 1920 et 1080 vaut 120. 1920 ÷ 120 = 16 et 1080 ÷ 120 = 9, soit 16:9 (on écrit aussi 16/9). La valeur décimale est 1920 ÷ 1080 = 1,778 : 1.

Calculer le ratio d’une image en 3 étapes

Saisissez la largeur et la hauteur, par ex. 1920 et 1080, en pixels, cm ou pouces.
Lisez le ratio simplifié (16/9), la valeur décimale et le format standard le plus proche.
Pour un nouveau format, indiquez si vous connaissez la largeur ou la hauteur et saisissez-la : pour 1280 pixels de large, le 16/9 donne 720 pixels de haut.

Trouver le côté manquant

Pour redimensionner une image ou une vidéo sans la déformer, on applique la règle de trois : nouvelle hauteur = nouvelle largeur × hauteur ÷ largeur. En 1920 × 1080, une nouvelle largeur de 1280 donne 1280 × 1080 ÷ 1920 = 720, soit 1280 × 720 px. Inversement : nouvelle largeur = nouvelle hauteur × largeur ÷ hauteur. Si le résultat ne tombe pas sur un pixel entier, l’outil l’arrondit et affiche la valeur exacte.

Les formats d’image courants

16:9 – HD et Ultra HD (1280 × 720, 1920 × 1080, 3840 × 2160 ; UIT-R BT.709 et BT.2020), YouTube, la plupart des écrans et téléviseurs.
9:16 – le même format à la verticale : Stories, Reels, Shorts, TikTok.
16:10 – nombreux ordinateurs portables et écrans de bureau (1920 × 1200, 2560 × 1600).
4:3 – télévision classique, tablettes, de nombreux compacts ; 3:2 – format 24 × 36 et la plupart des hybrides et reflex.
1:1 – carré ; 21:9 – écrans ultra-larges (2560 × 1080) ; 1,85:1 et 2,39:1 – formats cinéma.

Le format standard le plus proche est déterminé par le plus petit écart relatif. On voit ainsi que 1366 × 768 (simplifié 683:384) est en pratique du 16:9.

Le ratio en CSS

Avec aspect-ratio: 16 / 9;, un élément garde ses proportions quand il change de taille : pratique pour les vidéos, les cartes et les emplacements d’images, afin que la page ne saute pas au chargement. La propriété est définie dans le module CSS Box Sizing Level 4 et prise en charge par tous les navigateurs actuels.

Quel outil pour quelle question ?

Cet outil répond aux questions générales de proportions. Les dimensions exactes pour Instagram, YouTube, etc. figurent dans tailles d’image pour les réseaux sociaux ; la définition de votre propre écran s’affiche sur résolution d’écran.

Pour vos images : adaptez-les au nouveau format avec redimensionner une image, allégez-les avec compresser une image et faites d’autres calculs de proportion avec la règle de trois.

Questions fréquentes

Comment calculer le ratio d’une image ?

Divisez la largeur et la hauteur par leur PGCD. 1920 × 1080 : PGCD 120, donc 16:9. 1080 × 1350 : PGCD 270, donc 4:5.

Quelle hauteur en 16/9 pour 1280 pixels de large ?

1280 × 9 ÷ 16 = 720 pixels. Autres tailles en 16/9 : 1920 × 1080, 2560 × 1440 et 3840 × 2160.

1366 × 768, est-ce vraiment du 16/9 ?

Presque : le ratio simplifié est 683:384 et la valeur décimale 1,779 ne dépasse 16:9 (1,778) que de 0,05 %. C’est pourquoi cette définition est vendue comme du 16/9.

Quel ratio pour un écran « 21:9 » en 3440 × 1440 ?

Simplifié, 43:18, soit 2,39 : 1. « 21:9 » est une appellation commerciale ; un vrai 21:9 ferait 2,33 : 1. Le 2560 × 1080 correspond à 64:27 (2,37 : 1).

Comment définir un ratio en CSS ?

Avec aspect-ratio: 16 / 9; sur l’élément. Si seule la largeur est fixée, le navigateur en déduit la hauteur.

L’outil fonctionne-t-il en cm ou en pouces ?

Oui. Un ratio n’a pas d’unité : saisissez simplement les deux côtés dans la même unité. Les décimales comme 2,35 × 1 sont converties en nombres entiers avant la simplification (47:20).

Sources et références juridiques

MDN Web Docs – aspect-ratio
W3C – CSS Box Sizing Module Level 4: aspect-ratio (consulté le 27 septembre 2026)
Rec. ITU-R BT.709: ITU-R BT.709 – HDTV, 1920 × 1080, 16:9 (consulté le 27 septembre 2026)
Rec. ITU-R BT.2020: ITU-R BT.2020 – UHDTV, 3840 × 2160 / 7680 × 4320, 16:9 (consulté le 27 septembre 2026)

Dernière mise à jour : 27 septembre 2026 · Principes éditoriaux