Outils CSS et de développement front-end

Calculateur de rapport largeur/hauteur

Calculez les proportions d'une image ou d'un conteneur, ou retrouvez une largeur ou une hauteur manquante.

Données à saisir

Traitement dans votre navigateur

Aperçu en direct

Mise à jour automatique à chaque modification
À sélectionner ou à copier directement

Simplifiez le rapport largeur/hauteur ou calculez une dimension manquante en conservant les proportions.

Vos données sont traitées uniquement dans votre navigateur et ne sont jamais envoyées à un serveur.

À propos de cet outil

Deux modes permettent de calculer le rapport ou une dimension manquante. Le premier simplifie la largeur et la hauteur en un rapport ; le second conserve les proportions pour retrouver l'autre dimension avec un résultat décimal lisible.

Mode d'emploi

  1. Choisissez « Calculer le rapport » ou « Calculer l'autre dimension ».
  2. Pour calculer le rapport, saisissez une largeur et une hauteur entières positives représentables exactement.
  3. Pour retrouver une dimension, indiquez un rapport composé d'entiers positifs et une dimension connue, qui peut être décimale et positive.
  4. Consultez le rapport, les dimensions et l'aperçu, puis copiez le résultat.

Exemples

  • Le PGCD de 1920 et 1080 vaut 120 : le rapport se simplifie en 16:9, soit environ 1,7778.
  • 1024:768 → 4:3 ; 1080:1920 → 9:16.
  • Avec un rapport 16:9 et une largeur de 1920, la hauteur vaut 1080.

Principe du calcul

Réduisez la largeur et la hauteur à leur rapport entier le plus simple. Ce mode accepte uniquement des entiers positifs représentables exactement, sans décimales ni valeurs trop grandes. Pour retrouver une dimension avec un rapport W:H, hauteur = largeur × H / W et largeur = hauteur × W / H. La dimension connue peut être décimale et positive ; le résultat conserve jusqu’à 6 décimales. Utilisez la même unité pour les entrées et les sorties.

Utilisations courantes

  • Vérifier les proportions d'images, de vidéos et de canevas.
  • Redimensionner des contenus en conservant leurs proportions.
  • Vérifier les dimensions avant de définir CSS aspect-ratio.

Confidentialité

Vos données et les résultats sont traités uniquement dans votre navigateur, sans être envoyés ni enregistrés automatiquement. Copiez les résultats à conserver et enregistrez-les vous-même avant de quitter la page.

FAQ

Quel est le rapport de 1920 × 1080 ?

16:9. Le PGCD de 1920 et 1080 est 120 ; divisez les deux dimensions par 120.

Pourquoi 1080 × 1920 donne-t-il 9:16 ?

Le rapport suit l'ordre largeur:hauteur. Inverser les dimensions inverse le rapport et correspond ici à une image verticale.

Comment calculer la hauteur en 16:9 ?

Utilisez hauteur = largeur × 9 / 16. Une largeur de 1920 donne ainsi une hauteur de 1080.

Les dimensions peuvent-elles être nulles ou décimales ?

Zéro et les valeurs négatives sont refusés. La simplification exige des entiers positifs représentables exactement. Pour retrouver une dimension, la valeur connue peut être décimale et positive, mais les deux termes du rapport doivent rester des entiers positifs.

Retour au répertoire des outils de développement