Qu'est-ce que le convertisseur EM en PX ?
EM et PX sont deux unités très courantes en CSS pour dimensionner le texte, gérer les espacements et structurer une mise en page. Le pixel (PX) est une unité absolue, tandis que l'EM est relatif à la taille de police de son élément parent. Ce convertisseur fait le lien entre les deux : vous passez ainsi en toute confiance des mesures fixes aux mesures évolutives lorsque vous concevez des sites web responsives.
Comment l'utiliser
Choisissez le sens de la conversion — EM vers PX ou PX vers EM — puis saisissez votre valeur ainsi que la taille de police de base en pixels. La taille de police par défaut des navigateurs est de 16 px : elle est déjà pré-remplie pour vous. Cliquez sur « Calculer » pour obtenir le résultat converti instantanément.
La formule expliquée
La conversion repose sur une simple règle de proportionnalité. Pour convertir des EM en PX, on multiplie :
$$\text{px} = \text{Value (em)} \times \text{Base (px)}$$Pour faire l'inverse, on divise :
$$\text{em} = \dfrac{\text{Value (px)}}{\text{Base (px)}}$$La base correspond à la taille de police (en pixels) à laquelle la valeur EM se rapporte.
Exemple concret
Imaginons que vous souhaitiez convertir 1,5 em avec une taille de police de base de 16 px. Avec px = em × base :
$$1{,}5 \times 16 = 24 \text{ px}$$À l'inverse, \(24 \div 16 = 1{,}5\) em. Si votre base était de 20 px, 1,5 em équivaudrait alors à 30 px.
FAQ
Quelle taille de police de base utiliser ? La plupart des navigateurs adoptent 16 px par défaut. Si vous avez modifié la propriété font-size de l'élément racine ou parent dans votre CSS, utilisez plutôt cette valeur.
L'EM est-il identique au REM ? Non. Le REM est toujours relatif à la taille de police de l'élément racine, alors que l'EM dépend de la taille de police du parent le plus proche. Pour convertir des REM, utilisez la taille de police racine comme base.
Pourquoi utiliser l'EM ? Les unités EM s'adaptent à la taille de police : vos designs deviennent ainsi plus accessibles et plus réactifs lorsque les utilisateurs modifient la taille du texte par défaut.
