Le Calculateur de ratio d’image travaille dans les trois sens où le problème se présente. Donnez-lui une largeur et une hauteur : il réduit le ratio par plus grand diviseur commun — et, surtout, reconnaît les quasi-correspondances : 1366×768 se réduit à l’inutile 683:384, mais le calculateur le déclare aussi « effectivement 16:9 », la réponse que vous vouliez. Donnez un ratio et une dimension : il résout l’autre en pixels entiers. Donnez un ratio et un conteneur : il rend le plus grand ajustement intérieur. Dans tous les cas, vous obtenez les tailles standard du ratio (1280×720 à 3840×2160 pour le 16:9) et du CSS prêt à copier : la propriété moderne aspect-ratio plus le pourcentage padding-top du motif classique.
Fonctionnalités
Dimensions → ratio exact et ratio courant le plus proche
Ratio + une dimension → l’autre, en pixels entiers
Ratio + conteneur → le plus grand ajustement intérieur
Préréglages de 16:9 à 2,39:1 anamorphique
Tailles standard avec hauteurs paires garanties
Propriété CSS aspect-ratio et pourcentage du padding-hack
Comment utiliser Calculateur de ratio d’image
Choisissez le sens : taille → ratio, dimension manquante ou ajustement
Saisissez ce que vous connaissez
Lisez le résultat et les tailles standard du ratio
Les 56,25 % sont 9÷16 — le chiffre classique de la vidéo adaptative.
Erreurs courantes et dépannage
1366×768 se réduit en 683:384 et pas en 16:9. — 683:384 est la réponse exacte — cette résolution n’est réellement pas du 16:9. La ligne « effectivement 16:9 » donne la réponse pratique ; les deux figurent car les deux sont vraies.
La dimension résolue est impaire et un encodeur vidéo la refuse. — H.264 et consorts exigent des dimensions paires. Utilisez la liste des tailles standard, aux hauteurs arrondies au pair, ou décalez l’entrée d’un pixel.
Une vidéo 4:3 dans un lecteur 16:9 affiche des bandes noires. — C’est le comportement correct — loger du 4:3 dans du 16:9 laisse des bandes latérales. Les supprimer signifie rogner du contenu.
Foire aux questions
Quelle résolution 16:9 pour une largeur donnée ?
Multipliez la largeur par 9/16 : 1280→720, 1920→1080, 2560→1440, 3840→2160. Le calculateur le résout pour toute largeur ou hauteur.
Comment garder le ratio d’un élément en CSS ?
La voie moderne tient en une ligne : aspect-ratio: 16 / 9. Le motif hérité donne au conteneur un padding-top de 56,25 % et positionne le contenu en absolu dedans. Le calculateur émet les deux.
Pourquoi les écrans annoncent-ils 16:9 quand les pixels disent autre chose ?
Des dalles comme 1366×768 approchent le 16:9 à moins d’un pour cent — assez pour le marketing et la vidéo plein écran. Le calculateur montre le ratio exact et le plus proche nommé.
Quels ratios veulent les plateformes sociales ?
La vidéo de fil penche vers 1:1 ou 4:5, les stories et shorts sont en 9:16, les envois paysage en 16:9 et les images de cinéma en 21:9 ou 2,39:1.
Outils associés
Calculateur CSS clamp — Transforme une taille min/max et deux largeurs de fenêtre en une valeur clamp() fluide, localement.
Générateur CSS Grid — Construit une grille CSS visuellement et copie le grid-template avec les placements, dans votre navigateur.
Calculateur semver — Analysez, comparez, vérifiez les plages et incrémentez des versions sémantiques.
Générateur d’en-tête Cache-Control — Construisez un en-tête HTTP Cache-Control correct à partir de simples interrupteurs et d’unités de temps lisibles.
Générateur de balises meta — Construit des balises SEO, Open Graph et Twitter Card depuis un formulaire.