Aller au contenu principal

Calculateur de rapport d’aspect

Conservez les bonnes proportions en calculant automatiquement une largeur ou une hauteur à partir d’un rapport personnalisé ou prédéfini.

Intégrer ce widget

Personnalisez le rendu, vérifiez l’aperçu puis copiez le code.

Aperçu

Type de code d’intégration

Code à copier

Responsive et redimensionné automatiquement par Bethemesh.

Dimensions de référence

Dimension cible

Cet outil vous a-t-il été utile ?

Comment fonctionne cet outil ?

Le rapport d’aspect, ou ratio, décrit la forme d’un rectangle : 16:9 pour une vidéo HD, 3:2 pour une photo d’appareil reflex, 1:1 pour un visuel carré. Ce calculateur trouve la largeur ou la hauteur qui conserve exactement ce rapport quand vous changez l’une des deux dimensions, pour redimensionner une image, préparer un export vidéo ou dimensionner un emplacement dans une page sans rien étirer.

Le rapport de référence vient soit d’un format courant (16:9, 4:3, 3:2, 1:1 ou 9:16), soit de deux valeurs que vous saisissez dans Largeur de référence et Hauteur de référence. Ces valeurs peuvent être les pixels d’une image existante (6000 × 4000) ou un rapport décimal comme 2,39 × 1 pour le format cinéma.

Saisissez ensuite la Nouvelle largeur et cliquez sur Calculer la hauteur, ou saisissez la Nouvelle hauteur et cliquez sur Calculer la largeur. L’autre dimension est obtenue par une règle de trois puis arrondie au pixel entier le plus proche, avec un minimum de 1 px.

Le Rapport simplifié réduit la référence à ses plus petits termes entiers : 1920 × 1080 donne 16:9, 6000 × 4000 donne 3:2 et 2,39 × 1 donne 239:100. Rien n’est chargé ni transformé : l’outil ne manipule que des nombres.

Comment utiliser cet outil ?

  1. Définissez le rapport

    Choisissez un format courant ou saisissez la largeur et la hauteur de référence.

  2. Saisissez la dimension connue

    Indiquez la nouvelle largeur ou la nouvelle hauteur, en pixels.

  3. Calculez l’autre dimension

    Cliquez sur Calculer la hauteur ou Calculer la largeur et lisez les dimensions proportionnelles.

Conserver le rapport d’aspect

Deux rectangles ont la même forme quand leurs côtés sont proportionnels : la dimension inconnue s’obtient par une règle de trois.

Hauteur à partir d’une nouvelle largeur

H' = W' × h ÷ w

Utilisée par le bouton Calculer la hauteur.

Largeur à partir d’une nouvelle hauteur

W' = H' × w ÷ h

Utilisée par le bouton Calculer la largeur.

Rapport simplifié

w:h = (w ÷ pgcd) : (h ÷ pgcd)

Les deux côtés sont divisés par leur plus grand commun diviseur ; un rapport décimal est d’abord multiplié par une puissance de 10.

w, h
largeur et hauteur de référence
W', H'
nouvelle largeur et nouvelle hauteur
pgcd
plus grand commun diviseur de w et h

Cas d'utilisation

Redimensionner une photo

Trouvez la hauteur exacte d’une photo 3:2 réduite à 1200 px de large avant de l’exporter.

Préparer une vidéo verticale

Calculez la largeur d’une vidéo 9:16 de 1920 px de haut pour une story ou un short.

Réserver un emplacement web

Fixez la hauteur d’un bloc image en CSS pour éviter les sauts de mise en page au chargement.

Exemples

Photo 6000 × 4000 réduite à 1200 px de large

H' = 1200 × 4000 ÷ 6000 = 800. La photo garde ses proportions d’origine ; une hauteur de 900 px l’aurait étirée verticalement.

Entrée

Largeur de référence 6000, hauteur de référence 4000, nouvelle largeur 1200

Résultat

Rapport simplifié 3:2 ; dimensions proportionnelles 1200 × 800

Format cinéma 2,39:1 en Full HD

1920 ÷ 2,39 = 803,35, arrondi à 803 px. Le rapport décimal est simplifié sans arrondi préalable, d’où 239:100 et non 2:1.

Entrée

Largeur de référence 2,39, hauteur de référence 1, nouvelle largeur 1920

Résultat

Rapport simplifié 239:100 ; dimensions proportionnelles 1920 × 803

Conseils et bonnes pratiques

  • Pour partir d’une image existante, saisissez directement ses dimensions en pixels comme référence : le rapport simplifié vous indique son format.
  • Préférez des dimensions divisibles par 2, voire par 8, pour une vidéo : beaucoup d’encodeurs l’exigent ou compressent mieux.
  • L’arrondi au pixel peut décaler le rapport d’une fraction : 803 px au lieu de 803,35 donne 2,391:1, sans différence visible.
  • Si l’image doit changer de format (passer de 4:3 à 16:9), le calcul ne suffit pas : recadrez-la ou ajoutez des bandes avec un outil dédié.

Sources et références

Questions fréquentes

Qu’est-ce qu’un rapport d’aspect ?

Le quotient entre la largeur et la hauteur, écrit sous la forme largeur:hauteur. 16:9 signifie 16 unités de large pour 9 de haut, quelle que soit la taille réelle.

Quels formats courants sont proposés ?

16:9, 4:3, 3:2, 1:1 et 9:16. Pour tout autre rapport, saisissez vos propres valeurs : la liste passe alors sur Personnalisé.

Puis-je utiliser un rapport décimal comme 2,39:1 ?

Oui. Saisissez 2,39 et 1 comme référence ; le rapport simplifié affiché devient 239:100 et le calcul garde toute la précision avant l’arrondi final.

Pourquoi le résultat est-il arrondi ?

Une image se mesure en pixels entiers. L’outil arrondit au pixel le plus proche et ne descend jamais sous 1 px.

Quelle différence entre 16:9 et 1920 × 1080 ?

1920 × 1080 est une taille ; 16:9 est sa forme. 1280 × 720 et 3840 × 2160 ont le même rapport 16:9 avec des tailles différentes.

L’outil modifie-t-il une image ?

Non. Il calcule uniquement des nombres ; pour appliquer les dimensions trouvées, utilisez le redimensionneur d’image.

Outils associés

Des outils similaires ou complémentaires à celui-ci.

Outils similaires

Redimensionnez une image en définissant précisément sa largeur et sa hauteur avant téléchargement.

Images & graphismeMis en avantUtiliser l’outil

Tracez un cadre sur l’image, imposez un ratio (1:1, 4:5, 16:9…) et téléchargez la partie recadrée.

Images & graphismeMis en avantUtiliser l’outil
GuideBonnes pratiquesIntermédiaire

Images responsives : comprendre srcset et sizes

Comprenez comment srcset et sizes permettent au navigateur de choisir une image adaptée à la largeur d’affichage, à la densité de pixels et au contexte responsive.

31 août 202631 min
GuideBonnes pratiquesIntermédiaire

Optimiser les images pour les performances Web

Apprenez à construire une stratégie complète d’optimisation des images Web : dimensions, format, compression, responsive, chargement, stabilité visuelle et contrôle des performances.

31 août 202632 min
GuideConcepts et technologiesDébutant

Quelle résolution choisir pour une image ?

Distinguez dimensions, densité de pixels et DPI afin de redimensionner une image pour le Web ou l’impression sans perdre de netteté.

31 août 202625 min