Calculateur d'Aspect Ratio
Calculateur d'aspect ratio pour image et vidéo — calculez la largeur ou la hauteur en conservant le rapport, déterminez le ratio de n'importe quelle image, obtenez le code CSS prêt à l'emploi et vérifiez les barres de letterbox. Gratuit, sans inscription.
Courants
Réseaux sociaux
Impression et papier
Cinéma et vidéo
Largeur (px)
1920
Hauteur (px)
1080
Mégapixels
2.07
Code prêt à l'emploi
Télécharger le guide PNG
Génère une image PNG dans le rapport exact sélectionné, propre et sans marques. Utile comme gabarit de cadrage ou base de design. Le côté le plus long fait 2048px.
À propos de cet outil
Calculateur d'aspect ratio en ligne et gratuit pour ceux qui travaillent avec la vidéo, le design et le développement web. L'outil résout la proportion entre un rapport (16:9, 4:3, 1:1, 21:9 et des dizaines d'autres) et les champs largeur et hauteur : vous tapez une dimension et l'autre est calculée instantanément, en conservant le rapport de l'image intact. Il est aussi possible de déterminer le rapport de n'importe quelle résolution existante — indiquez la largeur et la hauteur et l'outil réduit automatiquement au rapport minimal. En plus du calcul, il génère le code CSS prêt à coller, affiche un aperçu en temps réel et calcule les barres de letterbox pour savoir combien de barre noire reste lors de l'ajustement d'un contenu dans un conteneur de rapport différent. Tout fonctionne dans le navigateur, sans inscription.
Fonctionnalités
Comment fonctionne le calcul de l'aspect ratio
Un aspect ratio est la relation entre la largeur et la hauteur, écrite sous la forme de deux nombres séparés par deux-points. En 16:9, par exemple, pour 16 unités de largeur il y a 9 de hauteur. Le calcul est une simple proportion : la hauteur se calcule par largeur × (9 ÷ 16) et la largeur par hauteur × (16 ÷ 9). Pour déterminer le rapport de n'importe quelle image, on divise sa largeur et sa hauteur par leur plus grand diviseur commun, ce qui réduit par exemple 1920×1080 à sa forme minimale 16:9. C'est ce même principe que la calculatrice applique pour conserver tout redimensionnement sans distorsion.
Cas d'utilisation
Les usages les plus courants de la calculatrice d'aspect ratio dans le quotidien de ceux qui produisent du contenu visuel et du code sont :
- Montage et export vidéoConvertir un master 4K en HD, configurer les résolutions de sortie et trouver la hauteur correcte d'un recadrage widescreen sans déformer l'image.
- Bannières et mise en page responsiveDéfinir la hauteur d'une bannière à partir d'une largeur fixe et générer le CSS aspect-ratio qui conserve les proportions sur n'importe quel écran.
- Contenu pour les réseaux sociauxObtenir Story 9:16 (1080×1920px), feed Instagram 4:5 (1080×1350px) et miniature YouTube 16:9 (1280×720px) avant d'exporter, pour éviter les recadrages non désirés à la publication.
- Vidéo intégrée responsiveGénérer le modèle d'iframe avec padding proportionnel pour intégrer des lecteurs vidéo qui s'adaptent à la largeur du conteneur.
- Performance et Core Web VitalsRenseigner les attributs width et height des images pour réserver l'espace dans la mise en page et réduire le décalage cumulatif (CLS).
- Impression et mise en pageCalculer des dimensions proportionnelles pour l'A4, les photos et les supports imprimés à partir d'une mesure connue.
Comment Utiliser
Choisissez le rapport
Tapez les deux nombres du rapport ou cliquez sur l'un des préréglages organisés par contexte. L'aperçu et le code se mettent à jour instantanément.
Indiquez une dimension
Renseignez la largeur ou la hauteur. Le champ opposé est calculé automatiquement en conservant le rapport choisi.
Copiez le code
Utilisez les boutons de copie pour transférer le CSS aspect-ratio, les attributs d'image ou l'iframe responsive directement dans votre projet.
Vérifiez le letterbox (optionnel)
Activez le calcul des barres, indiquez la taille du conteneur et voyez combien de barre noire reste lors de l'ajustement du contenu.
Questions Fréquentes
L'aspect ratio, ou rapport hauteur/largeur, est la relation entre la largeur et la hauteur d'une image, d'une vidéo ou d'un écran. Il s'écrit sous la forme de deux nombres séparés par deux-points, comme 16:9 ou 4:3. Le premier nombre représente la largeur proportionnelle et le second, la hauteur. Un rapport 16:9 n'indique pas la taille réelle en pixels, seulement que la largeur est toujours 16/9 fois la hauteur, que ce soit dans une vidéo de 1280×720 ou de 3840×2160.
Il suffit de multiplier la largeur par la hauteur du rapport et de diviser par la largeur du rapport. Pour une largeur de 1200px en 16:9, le calcul est 1200 × 9 ÷ 16, ce qui donne 675px de hauteur. La calculatrice le fait automatiquement : vous choisissez le rapport, tapez la largeur et la hauteur apparaît déjà calculée. Le chemin inverse, trouver la largeur à partir de la hauteur, suit la même logique en inversant les termes.
Ce sont des rapports de formats différents. Le 4:3 est presque carré, la norme des anciennes télévisions et moniteurs. Le 16:9 est le format grand écran actuel, utilisé dans presque toutes les vidéos en ligne, à la télévision et sur les téléphones en mode paysage. Le 21:9 est l'ultrawide, plus allongé, courant sur les moniteurs de productivité et dans les films à l'ambiance cinématographique. Plus la différence entre les deux nombres est grande, plus l'image est allongée et panoramique.
Ce sont les barres noires qui apparaissent lorsqu'un contenu est affiché dans un espace de rapport différent, sans rien couper. Le letterbox désigne les barres horizontales en haut et en bas, courantes lors du visionnage d'un film grand écran sur un écran plus carré. Le pillarbox désigne les barres verticales sur les côtés, qui apparaissent lors de l'affichage d'une vidéo plus carrée sur un écran grand écran. La calculatrice indique exactement combien de pixels de barre restent dans chaque cas.
La propriété CSS aspect-ratio réserve l'espace d'un élément dans le rapport souhaité sans avoir à fixer la hauteur. Pour un bloc 16:9, il suffit d'écrire aspect-ratio: 16 / 9 et le navigateur calcule la hauteur à partir de la largeur disponible. C'est la façon moderne de conserver des proportions responsives et remplace l'ancien truc du padding-bottom en pourcentage. La calculatrice génère cette ligne déjà avec les valeurs du rapport sélectionné.