Calculateur de ratio d'aspect et générateur de CSS - Outil en ligne gratuit

Calculez rapidement les ratios d'aspect et les dimensions manquantes (largeur/hauteur). Intègre des préréglages comme TikTok 9:16, YouTube 16:9, Instagram 4:5, et génère automatiquement le code CSS aspect-ratio. 100 % local.

:
16:9
1920px
1080px

Mode d’emploi

  1. Choisissez un ratio prédéfini (comme 9:16 / 16:9 / 4:5) ou saisissez manuellement un ratio personnalisé.
  2. Saisissez la largeur ou la hauteur connue.
  3. L'outil calcule automatiquement la dimension manquante.
  4. Copiez le code CSS aspect-ratio généré pour l'utiliser dans votre mise en page.

Fonctionnalités principales

  • TikTok/Reels (9:16) : appliquez en un clic les proportions verticales dominantes et les résolutions recommandées.
  • Générer le CSS aspect-ratio : génère instantanément les extraits de code CSS aspect-ratio: W/H; avec des suggestions de repli.
  • Calcul automatique des dimensions : saisissez la largeur ou la hauteur pour calculer l'autre dimension tout en conservant le ratio.
  • Aperçu visuel du ratio : affiche un aperçu en temps réel sous forme de rectangle réactif pour éviter les erreurs de saisie.
  • Respect de la vie privée local : les dimensions et les informations de vos médias ne sont pas transférées vers un serveur.

Outils associés

Calculateur FIRE 2026 gratuit | Simulateur de retraite ajusté à l'inflation

Le calculateur de retraite FIRE 2026 ajusté à l'inflation. Simulez votre pouvoir d'achat réel, évaluez vos écarts d'épargne et générez votre feuille de route. Export CSV en un clic. 100 % confidentiel.

Calculateur de taille de position gratuit | Gestion du risque de trading en ligne

Calculez la taille de votre position de trading selon votre capital, votre risque %, votre entrée et votre stop-loss. Fonctionne localement dans le navigateur pour simuler vos risques avant de trader.

Calculateur d'intérêts composés gratuit | Simulateur d'investissement et APY en ligne

Calculez vos intérêts composés à partir du capital initial, des versements périodiques, de l'APY et de la durée. Visualisez la part du capital et des intérêts sur un graphique interactif local.

Calculateur de prêt et crédit gratuit | Tableau d'amortissement interactif en ligne

Utilisez ce calculateur de prêt / crédit immobilier pour estimer vos mensualités, le total des intérêts et générer un tableau d'amortissement local. Saisissez le montant, le taux et la durée pour simuler immédiatement.

Calculateur d'investissement et de ROI gratuit | Simulateur d'intérêts composés en ligne

Utilisez ce calculateur d'investissement / ROI pour estimer localement votre capital de départ, vos versements mensuels, votre rendement annuel et vos résultats ajustés à l'inflation. Visualisez vos gains avec un graphique interactif.

Calculateur APR en APY gratuit | Convertisseur de taux nominal et effectif en ligne

Utilisez ce calculateur d'APR en APY pour convertir localement vos taux APR et APY. Saisissez un taux, choisissez la fréquence de capitalisation et obtenez instantanément le taux d'intérêt effectif, l'écart et un tableau comparatif.

Calculateur de marge commerciale gratuit | Convertisseur de marge et markup en ligne

Utilisez ce calculateur de marge commerciale pour estimer localement votre bénéfice brut, taux de marge, taux de marque (markup) et prix de vente. Saisissez vos coûts et marges cibles pour calculer instantanément.

Calculateur de CPM et CPC gratuit | Simulateur de budget et CTR publicitaire en ligne

Utilisez ce calculateur de CPM et de CPC pour estimer localement vos dépenses publicitaires, impressions, clics, CPM, CPC et CTR. Saisissez votre budget et vos coûts cibles pour planifier vos campagnes.

Logique de calcul

  • Formule de calcul : [ H = W \times \frac{r_H}{r_W} ] ou [ W = H \times \frac{r_W}{r_H} ]
  • Exemple d'écriture CSS : [ \text{aspect-ratio}: \frac{16}{9} ]

FAQ

Quel est le meilleur ratio pour les plateformes vidéo (TikTok/Reels) ?

Le ratio standard est 9:16 (format vertical), avec une résolution courante de 1080×1920. Utilisez le préréglage 9:16 pour vérifier rapidement vos dimensions.

Comment utiliser aspect-ratio en CSS ?

Utilisez directement aspect-ratio: 16/9;. Cet outil génère l'extrait de code contenant cette propriété ainsi que les solutions de repli nécessaires.

Mes données sont-elles en sécurité (local / vie privée) ?

Oui. Tous les calculs et aperçus sont effectués localement dans votre navigateur, sans aucun transfert vers un serveur.

Cet outil est-il gratuit ? Puis-je l'utiliser pour des projets commerciaux ?

Il est entièrement gratuit et convient parfaitement aux créateurs et aux équipes pour ajuster rapidement les dimensions de vidéos et d'interfaces.

Pourquoi y a-t-il une différence de 1 à 2 pixels ?

Certaines dimensions nécessitent un arrondi en pixels entiers. L'outil arrondit à l'entier le plus proche tout en préservant le ratio le plus fidèlement possible.