FR

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

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.

px
px
px
Laissez vide si seul le ratio vous intéresse.
Vos 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
LargeurHauteurPixels entiers ?
640 px360 pxoui
1080 px608 pxarrondi
1280 px720 pxoui
1920 px1080 pxoui
2560 px1440 pxoui
3840 px2160 pxoui

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.

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

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.

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

Dernière mise à jour :

Outils similaires