Calculateur de ratio d'aspect

Simplifiez n'importe quelle largeur × hauteur en son ratio d'aspect, ou trouvez la dimension manquante — dans votre navigateur.

Comment utiliser

  1. Saisissez une largeur et une hauteur en pixels — ou cliquez sur un préréglage comme Full HD, 4K, Story 9:16 ou la taille des miniatures YouTube.
  2. Lisez le ratio simplifié, son nom courant, sa valeur décimale et la déclaration CSS aspect-ratio prête à coller.
  3. Passez au second mode pour faire l'inverse : indiquez un ratio comme 16:9 et l'une des dimensions, et la dimension manquante est calculée pour vous.

À propos de cet outil

Un ratio d'aspect n'est rien d'autre que la largeur d'une image divisée par sa hauteur, exprimée avec les plus petits nombres entiers possibles. Ce calculateur trouve ces nombres en divisant les deux côtés par leur plus grand commun diviseur, obtenu avec l'algorithme d'Euclide : 1920 et 1080 partagent un diviseur de 120, donc 1920×1080 se réduit à 16:9. L'opération inverse est tout aussi utile — donnez-lui un ratio et une dimension, il renvoie l'autre, ce qui est précisément le calcul derrière toute tâche de « redimensionner sans déformer ».

L'outil nomme aussi le résultat, et il est honnête sur l'écart entre les noms marketing et les mathématiques réelles. Certains ratios sont exacts : 1920×1080, 2560×1440 et 3840×2160 sont tous véritablement en 16:9. D'autres non. Le fameux « 21:9 » ultra-large est une étiquette marketing — un moniteur 2560×1080 est en réalité en 64:27 et un 3440×1440 en 43:18, tous deux à environ 2 % d'un vrai 21:9. Lorsque le ratio simplifié ne correspond pas exactement à un standard, le résultat affiche d'abord les vrais chiffres, puis indique le nom courant le plus proche avec l'ampleur de l'écart, ainsi que l'équivalent cinéma lorsqu'il tombe sur du 1.85:1 ou sur le scope anamorphique 2.39:1.

En pratique, cela compte dans trois domaines. En vidéo, les cahiers des charges de livraison sont exprimés en ratios plutôt qu'en résolutions, et les encodeurs veulent en général des dimensions paires en pixels : l'outil signale donc un résultat impair. Sur les réseaux sociaux, chaque emplacement attend son propre cadre : 1:1 et 4:5 pour les publications de fil, 9:16 pour les Stories, les Reels et les Shorts, 16:9 pour YouTube et sa miniature 1280×720. En CSS, la propriété moderne aspect-ratio permet à un conteneur de conserver sa forme quelle que soit sa largeur — le calculateur imprime la déclaration pour vous, prête à coller. Tous les calculs s'exécutent à 100 % dans votre navigateur ; rien de ce que vous saisissez n'est envoyé où que ce soit.

La formule

Ratio simplifié = largeur ÷ PGCD : hauteur ÷ PGCD, où PGCD est le plus grand commun diviseur des deux nombres (algorithme d'Euclide). Dimension manquante : hauteur = largeur × hauteur du ratio ÷ largeur du ratio, et largeur = hauteur × largeur du ratio ÷ hauteur du ratio. Exemple : PGCD(1920, 1080) = 120 → 16:9 ; en 16:9, une largeur de 1280 donne une hauteur de 1280 × 9 ÷ 16 = 720.

Questions fréquentes

Comment calcule-t-on un ratio d'aspect ?

Divisez la largeur et la hauteur par leur plus grand commun diviseur. Pour 1920×1080, le PGCD est 120, ce qui donne 16:9 — le même ratio que 1280×720 et 3840×2160, puisqu'ils sont tous multiples de la même forme.

Pourquoi 2560×1080 affiche-t-il 64:27 au lieu de 21:9 ?

Parce que 64:27 est le calcul exact et que « 21:9 » est un nom marketing arrondi pour les écrans ultra-larges. Les deux sont séparés d'environ 1,6 %, d'où l'affichage du vrai ratio en premier et du nom courant juste à côté.

Quel ratio utiliser pour les réseaux sociaux ?

Le 9:16 pour les Stories, les Reels, les Shorts et TikTok, le 1:1 ou le 4:5 pour les publications du fil Instagram, et le 16:9 pour les vidéos YouTube et leurs miniatures 1280×720. Un préréglage est disponible en un clic pour chacun.

Comment l'utiliser en CSS ?

Appliquez la propriété aspect-ratio au conteneur — le calculateur imprime la déclaration exacte, par exemple aspect-ratio: 16 / 9. L'élément conserve alors sa forme quelle que soit sa largeur, ce qui rend inutile l'ancienne astuce du padding-top en pourcentage.

Pourquoi mon résultat doit-il être un nombre pair ?

La plupart des codecs vidéo sous-échantillonnent la chrominance par blocs de 2×2 : des encodeurs comme le H.264 exigent donc une largeur et une hauteur paires, et refusent ou complètent silencieusement les dimensions impaires. L'outil vous avertit lorsqu'une dimension calculée tombe sur un nombre impair.

Les dimensions que je saisis quittent-elles mon navigateur ?

Non. Tout le calcul est du JavaScript pur exécuté sur votre appareil — les nombres ne sont jamais envoyés, journalisés ni stockés où que ce soit.

Outils associés

Des liens trop longs ? Raccourcissez-les gratuitement

Vai.la transforme n'importe quelle URL en lien court avec statistiques de clics, QR Code et votre propre biolink.

Vai.la n'est pas responsable de l'utilisation des outils ni des décisions prises sur la base de leurs résultats.