Qu'est-ce qu'un rapport d'aspect ?

Le rapport d'aspect est la relation proportionnelle entre la largeur et la hauteur d'un élément, exprimée comme deux chiffres séparés par deux-points (ex. 16:9 ou 4:3). Il décrit la forme d'un rectangle.

Comment est calculé le rapport d'aspect ?

Le rapport d'aspect est calculé en divisant les deux dimensions par leur Plus Grand Commun Diviseur (PGCD). Par exemple, 1920×1080 : PGCD(1920, 1080) = 120, donc 1920÷120 = 16 et 1080÷120 = 9, donnant 16:9.

Quels sont les rapports d'aspect les plus courants ?

16:9 est le standard pour la vidéo grand écran et la plupart des moniteurs modernes. 4:3 était le standard des anciens TV. 1:1 est carré, populaire sur Instagram. 21:9 est ultra-large cinématographique. 9:16 est portrait pour vidéos verticales et Stories.

Qu'est-ce que la propriété CSS aspect-ratio ?

La propriété CSS `aspect-ratio` définit un rapport d'aspect préféré pour un élément. Exemple : `aspect-ratio: 16 / 9` maintient les proportions 16:9. Supportée dans tous les navigateurs modernes depuis 2021.

Comment maintenir le rapport d'aspect lors du redimensionnement d'images en CSS ?

Utilisez `object-fit: cover` ou `object-fit: contain` sur des éléments dans un conteneur de taille fixe. Alternativement, `aspect-ratio: 16/9; width: 100%;` directement sur l'image ou le conteneur.

Quel rapport d'aspect utiliser pour les réseaux sociaux ?

Rapports courants : Instagram feed = 1:1 ou 4:5. Stories/Reels = 9:16. YouTube = 16:9. Twitter = 16:9. Facebook = 1.91:1. Pinterest = 2:3. En cas de doute, 16:9 fonctionne pour la plupart des plateformes.

Différence entre rapport d'aspect et résolution ?

La résolution fait référence aux dimensions réelles en pixels (ex. 1920×1080). Le rapport d'aspect est la relation proportionnelle, indépendante de la taille. Plusieurs résolutions peuvent partager le même rapport : 1280×720, 1920×1080 et 3840×2160 ont toutes 16:9.

Aspect Ratio

Calculez et maintenez les rapports d'aspect pour images, vidéos et écrans.

Calcul automatiquePréréglages courantsVerrouiller le ratio

① Entrez largeur et hauteur ② Ou choisissez un préréglage ③ Copiez le CSS

Standard

Social

Ratio personnalisé:

Largeur (px)

Hauteur (px)

16:9

Rapport d'aspect

16:9

Dimensions

1920×1080

Ratio décimal

1.7778

Sortie CSS

aspect-ratio: 16 / 9;
padding-top: 56.2500%; /* legacy fallback */
width: 1920px;
height: 1080px;

Continuer avec

▸Px en RemConvertir les unités CSS 64Outil Base64Encoder et décoder ↓SVG en PNGConvertir les fichiers vectoriels

Qu'est-ce que le rapport d'aspect ?

Le rapport d'aspect est la relation proportionnelle entre la largeur et la hauteur d'un élément, exprimée comme L:H — par exemple 16:9, 4:3, 1:1 ou 9:16. Il est fondamental pour la production vidéo, la photographie et le design web responsive. Le CSS moderne applique les rapports avec la propriété aspect-ratio (ex. aspect-ratio: 16 / 9), remplaçant l'ancienne astuce padding-top (padding-top: 56.25%). Cas d'usage courants : miniatures YouTube (1280×720, 16:9), posts Instagram (1080×1080, 1:1), TikTok et Stories (1080×1920, 9:16), images Open Graph (1200×630), bannières LinkedIn (1200×627).

Questions fréquentes

Le rapport d'aspect est la relation proportionnelle entre largeur et hauteur. Rapports courants : 16:9, 4:3, 1:1, 21:9, 9:16.

Hauteur = largeur × (hauteur ratio ÷ largeur ratio). Exemple : 16:9 à 1920px → 1080px.

16:9 est le standard pour la vidéo grand écran, les écrans modernes et les miniatures YouTube.

CSS moderne : `aspect-ratio: 16 / 9`. Anciens navigateurs : `padding-top: 56.25%`.

Le rapport est sans dimension (ex. 16:9). La résolution est le nombre réel de pixels (1920×1080).

En HTML5, utiliser width et height sur <img>. Ajouter max-width: 100%; height: auto en CSS.

Post Instagram : 1:1. Story/TikTok : 9:16. Twitter : 3:1. YouTube : 16:9 (1280×720). Open Graph : 1200×630.

Qu'est-ce que le rapport d'aspect ?

Questions fréquentes

Explorez notre réseau