Calculateur de ratio d'aspect : Comprendre les proportions largeur-hauteur
Maîtrisez les ratios d'aspect pour la vidéo, les images et le design responsive.
Le ratio d'aspect est la relation proportionnelle entre la largeur et la hauteur. 16:9 est le langage universel des écrans modernes.
Comprendre les ratios d'aspect évite les erreurs de mise en page les plus courantes : images étirées, vidéo en letterbox et conteneurs responsive cassés.
Qu'est-ce que le ratio d'aspect
Un ratio d'aspect exprime la relation proportionnelle entre largeur et hauteur sous forme de deux entiers séparés par deux-points.
Outil gratuit Calculateur de rapport de format Calculez des dimensions et convertissez entre rapports de format instantanémentRatios courants (16:9, 4:3, 9:16, 1:1, 21:9)
16:9 est le standard pour la vidéo HD et YouTube. 4:3 est l'ancien standard télévisé. 9:16 est le format portrait mobile. 1:1 est carré. 21:9 pour le cinéma.
Calculer les dimensions
Pour calculer la hauteur à partir de la largeur et du ratio : hauteur = largeur × (hauteur_ratio / largeur_ratio). Pour 16:9 à 1280px : hauteur = 720px.
Outil gratuit Convertisseur d'unités CSS Convertissez entre px, rem, em, vh, vw et plusPropriété CSS aspect-ratio
La propriété CSS aspect-ratio impose un dimensionnement proportionnel : aspect-ratio: 16 / 9 maintient le ratio 16:9 lorsque la largeur change.
Images et vidéos responsives
Pour les embeds vidéo responsifs, enveloppez l'iframe dans un conteneur avec aspect-ratio: 16/9.
Formats pour les réseaux sociaux
Chaque plateforme a des ratios préférés : Facebook feed 1.91:1, Instagram feed 4:5 ou 1:1, Instagram Story 9:16, YouTube thumbnail 16:9.
Outil gratuit Convertisseur PX vers REM Convertissez des valeurs de pixels en unités rem pour le design responsive