Mode d'emploi
- Saisissez une taille dans Valeur et choisissez un sens sous Convertir, par exemple px vers rem.
- Vérifiez la Taille de police de base (px). Utilisez la taille que votre site définit sur l'élément racine ; 16 px est la valeur par défaut des navigateurs.
- Collez du CSS dans CSS à convertir et choisissez Convertir les px du CSS en rem ou em.
- Copiez le CSS avec longueurs converties, ou vérifiez une taille dans le Tableau de conversion.
Comment px, rem et em se rapportent
Un px est une longueur absolue à l'écran. Un rem est un multiple de la taille de police de l'élément racine (l'élément html), et un em est un multiple de la taille de police de l'élément où il est utilisé. Les deux unités suivent la taille de police de base : si la base vaut 16 px, 1 rem vaut 16 px.
Pour convertir des px en rem, divisez par la base. Pour reconvertir des rem ou des em en px, multipliez par la base. Avec la même taille de base, rem et em donnent le même nombre ; ils ne diffèrent que lorsque la taille de police d'un élément parent n'est pas la base.
rem = px / taille de police de base ; px = rem × taille de police de baseCe que le convertisseur CSS modifie, et ce qu'il ne modifie pas
Chaque nombre suivi de px est converti, y compris les valeurs négatives et les décimales comme .5px. Les nombres s'écrivent avec un point, comme l'exige CSS, au plus quatre décimales et sans zéros finaux. Une longueur nulle devient 0 sans unité, ce que CSS accepte.
Le convertisseur ne regarde pas le sens du CSS. Une valeur px dans un commentaire ou une chaîne, comme un content contenant le texte 10px, est aussi convertie. Le contenu de url() est laissé tel quel, si bien qu'un nom de fichier qui se termine par px ne change pas. Vérifiez le résultat avant de l'utiliser.
- Utilisez rem pour les tailles de police, les espacements et les largeurs qui doivent grandir lorsqu'un visiteur change la taille du texte.
- Gardez 1 px pour les bordures très fines, car une valeur en rem s'arrondirait sur certains écrans en une ligne floue.
Exemple détaillé : un texte de 18 px sur une base de 16 px
18 divisé par 16 vaut 1,125, donc font-size: 18px devient font-size: 1.125rem. Une marge de 40 px devient 2.5rem, car 40 divisé par 16 vaut 2,5.
Les mêmes 24 px sur une base de 10 px valent 2.4 rem, et le tableau montre 24 px comme 1.5 rem lorsque la base vaut 16 px. L'extrait CSS de l'exemple par défaut compte six longueurs en px ; les six sont converties et le compteur affiche 6.
Questions fréquentes
Pourquoi 16 px est-il la taille de police de base ?
La plupart des navigateurs utilisent 16 px comme taille de police par défaut de l'élément racine : 1 rem vaut donc 16 px, sauf si le site définit une autre taille. Saisissez la valeur que votre site définit sur l'élément html.
Quelle est la différence entre rem et em ?
rem se base sur la taille de police de l'élément racine : elle est donc la même partout sur la page. em se base sur la taille de police de l'élément où il est utilisé, si bien que la taille change lorsque les éléments sont imbriqués. Avec la même base, les nombres sont égaux.
Faut-il convertir toutes les valeurs px en rem ?
Pas toujours. Une bordure de 1 px est plus nette en px sur de nombreux écrans, et certains petits détails restent mieux en taille fixe. Utilisez rem pour les tailles de texte, les espacements et les largeurs de mise en page qui doivent suivre les réglages du visiteur.
Pourquoi certaines valeurs px de mon CSS ne sont-elles pas converties ?
Une valeur px n'est convertie que lorsqu'elle se tient seule comme longueur. Les valeurs à l'intérieur de url(), et un texte comme 10pxx ou 10px-2 qui n'est pas une longueur simple, restent telles quelles. Vérifiez à la main toute valeur inhabituelle.
Pourquoi le tableau s'arrête-t-il à 64 px ?
Il liste les tailles que les designers utilisent le plus souvent. Pour toute autre taille, saisissez-la dans la case Valeur et choisissez le sens.
Sources
Chiffres et texte vérifiés pour la dernière fois le mardi 10 novembre 2026.