Convertisseur EM en PX – px, em et rem
Convertissez em ou rem en pixels et les pixels en em et rem. Réglez les tailles de police de la racine et du parent.
Formules et sources mises à jour · Sources · 1Voir l’algorithme, les constantes et les valeurs par défaut (JSON)
À propos de ce calculateur
Pour font-size, em utilise la taille héritée du parent et rem celle de la racine. Avec une racine de 16 px et un multiplicateur parent de 0,8, le parent vaut 12,8 px : 1,5 em = 19,2 px, mais 1,5 rem = 24 px. Choisissez em ou rem pour saisir une taille relative et px pour la conversion inverse.
Exemple chiffré
calculé avec les valeurs par défaut ci-dessous
Unité de saisie px · Taille de police racine 16 px · Taille de pixel à convertir 24 px · Taille à convertir 1,5 · Taille du parent relative à la racine 1 × · Rapport d'échelle typographique Tierce majeure (1.25) · Degrés de la gamme 5 Taille en em 1,5000 em · Taille en rem 1,5000 rem · Équivalent en em de la racine 1,5000 em · Résultat en pixels 24,00 px · Échelle typographique à partir de la taille racine +4: 39.06 px / 2.441 rem | +3: 31.25 px / 1.953 rem | +2: 25.00 px / 1.563 rem | +1: 20.00 px / 1.250 rem | base 0: 16.00 px / 1.000 rem · Remarque Avec une taille parente de 1 em, em et rem sont identiques
Sources
Avertissement
Ces calculatrices donnent des estimations générales. Tailles, prix, disponibilité et normes varient selon la marque, le revendeur et le pays : prenez le résultat comme un point de départ et confirmez-le auprès du vendeur ou de l'autorité compétente.
Source de l’implémentation
Cette fiche décrit l’implémentation de cette page, sans validation indépendante. Les références externes étayent uniquement la formule ou définition indiquée ; les estimations et règles propres conservent leurs hypothèses.
Voir l’algorithme, les constantes et les valeurs par défaut (JSON)
Formule et variables
em = px ÷ (b × ep); rem = px ÷ b; px = em × b × ep = rem × b; px_i = b × r^i (i = 0 … steps − 1)
- px
- taille en pixels
- b
- taille de la racine en pixels
- ep
- taille du parent en multiple de la racine
- em
- taille relative au parent
- rem
- taille relative à la racine
- r
- ratio de la gamme
- px_i
- étape en pixels
- steps
- nombre d’étapes
Pour font-size, em utilise la taille héritée du parent et rem celle de la racine. Avec une racine de 16 px et un multiplicateur parent de 0,8, le parent vaut 12,8 px : 1,5 em = 19,2 px, mais 1,5 rem = 24 px. Choisissez em ou rem pour saisir une taille relative et px pour la conversion inverse.
Questions fréquentes
Pourquoi un em imbriqué diffère-t-il d'un rem dans ce convertisseur ?
Un rem est toujours ancré à la taille de police racine de 16 px : 1,5 rem vaut donc 24 px où qu'il se trouve. Un em se compose avec son parent : le convertisseur multiplie la taille en pixels par le facteur du parent, si bien qu'une valeur de 24 px dans un parent à 0,8 em devient 19,2 px en em composé. C'est pourquoi la sortie « imbriqué » peut afficher moins que l'em simple, même avec des entrées identiques.
Comment les tailles du parent et de la racine influencent-elles les em ?
Pour font-size, em utilise la taille héritée du parent et rem celle de la racine. Avec une racine de 16 px et un multiplicateur parent de 0,8, le parent vaut 12,8 px : 1,5 em = 19,2 px, mais 1,5 rem = 24 px. Choisissez em ou rem pour saisir une taille relative et px pour la conversion inverse.