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. 

  2. Saisissez la largeur ou la hauteur connue.
    3. 

  3. L'outil calcule automatiquement la dimension manquante.
    4. 

  4. Copiez le code CSS aspect-ratio généré pour l'utiliser dans votre mise en page.
    5. 



 
 
 
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
 
  
Générateur de Lorem Ipsum (JSON/HTML) - Outil en ligne gratuit
 
Générez du texte de remplissage Lorem Ipsum au format texte brut, HTML <p> ou sous forme d'options de tableau JSON. Longueur modulable (paragraphes, phrases, mots), gérant aussi le faux-texte en chinois. 100 % local.
  
Convertisseur de couleurs et testeur de contraste WCAG - Outil en ligne gratuit
 
Convertissez des couleurs en temps réel entre HEX, RGB, HSL et CMYK, et calculez automatiquement le contraste d'accessibilité WCAG (AA/AAA). Gère les pourcentages CMYK pour l'impression. 100 % local.
  
Sélecteur de couleur d'image gratuit et générateur de palettes
 
Choisissez, glissez-déposez ou collez une image pour prélever les couleurs des pixels localement, copier les valeurs HEX/RGB/HSL et extraire une palette de couleurs dominantes.
  
 
 
 
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.