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.

Calculateur de ratio d’image

Réduisez une taille à son ratio, résolvez la largeur ou hauteur manquante ou logez un ratio dans un conteneur — avec la sortie CSS incluse.

Le Calculateur de ratio d’image fonctionne entièrement dans votre navigateur. Les dimensions sont traitées sur votre appareil et jamais envoyées.

Ouvrir le Calculateur clamp() CSS

À propos de Calculateur de ratio d’image

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
Copiez le CSS s’il part dans une maquette

Exemple

Entrée

16:9, width 1000

Sortie

Height 563 px · CSS: aspect-ratio: 16 / 9; · padding hack 56.25%

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.
Générateur de Border Radius — Créez du border-radius CSS simple, par coin ou en blob avec aperçu en direct
Générateur Open Graph — Génère des balises meta Open Graph et Twitter avec aperçu de carte sociale.
Redimensionner une vidéo — Redimensionnez une vidéo pour les Reels, YouTube, le carré et plus, avec ajout de bandes, dans votre navigateur.
Recadrer une image — Zone libre ou rapport fixe, téléchargé en pleine résolution.