Calculateur de ratio (format d'image)
Trouvez le ratio d'une image ou d'un écran (16:9, 4:3…), calculez une nouvelle taille sans déformer et obtenez le code CSS aspect-ratio.
- Gratuit
- Sans inscription
- Aucun fichier envoyé
- Windows, Mac, Android, iPhone
Chargement de l'outil…
À propos de cet outil
Trouvez le format exact d'une image, d'une vidéo ou d'un écran : ratio simplifié (16:9, 4:3, 21:9…), ratio courant le plus proche et valeur décimale. Calculez une nouvelle taille sans déformation, parcourez les résolutions courantes du même ratio et copiez le code CSS aspect-ratio, sa version ancienne ou Tailwind.
Dans quels cas l'utiliser ?
Préparer une vidéo ou une miniature
YouTube attend du 16:9, une story du 9:16, un post Instagram du 1:1 ou du 4:5 : vérifiez le format avant d'exporter.
Redimensionner une image proportionnellement
Vous voulez une largeur de 1200 px : la hauteur correcte est calculée tout de suite.
Intégrer une vidéo responsive
aspect-ratio: 16 / 9 sur un iframe YouTube le garde au bon format sur toutes les largeurs d'écran.
Mode d'emploi
- Saisissez la largeur et la hauteur (ou choisissez un ratio).
- Lisez le ratio simplifié et le ratio courant le plus proche.
- Saisissez une nouvelle largeur ou hauteur pour obtenir l'autre dimension.
Comment ça marche
Le ratio est simplifié par l'algorithme d'Euclide (plus grand diviseur commun). Il est ensuite comparé aux ratios courants : si l'écart est de moins de 2 %, le ratio courant le plus proche est indiqué.
La nouvelle dimension est arrondie au pixel le plus proche. L'ancienne méthode (padding-top en pourcentage) reste fournie pour les navigateurs qui ne connaissent pas aspect-ratio.
Conseils pour un bon résultat
- Préférez des dimensions paires pour la vidéo : de nombreux encodeurs les exigent.
- Pour le web, une image de 1600 à 2000 px de large suffit dans la plupart des cas.
- aspect-ratio évite les sauts de mise en page au chargement : utilisez-le pour toutes les vidéos et images intégrées.
- Pour changer de ratio, recadrez plutôt que d'étirer : une image déformée se remarque tout de suite.
Problèmes fréquents et solutions
Le ratio affiché est bizarre (683:384)
La taille ne tombe pas juste sur un ratio courant ; l'outil indique alors le ratio courant le plus proche.
Mon image est déformée après redimensionnement
La nouvelle taille n'a pas le même ratio : utilisez la dimension calculée, ou recadrez l'image avec « Redimensionner une image ».
aspect-ratio n'a pas d'effet
Il est ignoré si largeur et hauteur sont toutes deux fixées. Laissez la hauteur en auto.
Questions fréquentes
Comment calculer un ratio ?
On divise la largeur et la hauteur par leur plus grand diviseur commun : 1920 × 1080 donne 16:9. L'outil le fait automatiquement.
Pourquoi 1366 × 768 donne-t-il 683:384 ?
Cette résolution n'est pas exactement en 16:9. L'outil indique le ratio exact et le ratio courant le plus proche (environ 16:9).
Comment redimensionner sans déformer ?
Saisissez la nouvelle largeur : la hauteur est calculée pour garder le même ratio (et inversement).
À quoi sert aspect-ratio en CSS ?
La propriété réserve la place d'une vidéo ou d'une image avant son chargement, sans calcul ni astuce de padding : la page ne saute plus.
Recherches associées
Toujours bloqué ?
Posez votre question sur le forum : la catégorie, l'outil, la fiche de votre appareil et le résultat du test seront déjà remplis.