Convertisseur de Pixel en REM/EM
Convertissez px en rem et em pour CSS, avec taille de police racine et parente ajustable — car rem et em ne dépendent pas de la même chose.
REM est toujours relatif à la taille de police de l'élément racine (<html>). EM est relatif à la taille de police propre de l'élément actuel — qui peut différer à chaque endroit où il est utilisé. Ajustez la taille parente ci-dessus pour voir comment le résultat EM change indépendamment de REM.
Instantané et en direct
Chaque unité se met à jour au fur et à mesure que vous tapez — pas de bouton « Convertir », pas d'attente.
REM et EM restent distincts
Des champs distincts pour la taille de police racine et parente, car ce ne sont pas la même chose.
Confidentiel par conception
Fonctionne entièrement dans votre navigateur. Rien n'est jamais téléchargé ni enregistré.
Convertir des PX en REM et EM en ligne
Avec la taille de police racine par défaut de 16px, 16px équivaut à 1rem. Le convertisseur de CurePDF calcule rem et em à partir d'une valeur en pixels (ou convertit dans l'autre sens), en utilisant la taille de police racine et parente que vous spécifiez — car tous les sites n'utilisent pas la valeur par défaut du navigateur.
Comment fonctionne la conversion PX en REM
Exemples concrets (racine 16px) : 16px / 16 = 1rem. 20px / 16 = 1,25rem. 24px / 16 = 1,5rem.
REM contre EM : ce n'est pas la même chose
REM est toujours relatif à la taille de police de l'élément racine <html> — une seule valeur pour toute la page. EM est relatif à la taille de police propre de l'élément actuel, qui peut différer à chaque niveau de contenu imbriqué. Cela signifie que la même valeur en pixels peut se convertir en une valeur EM différente selon l'endroit où elle est utilisée, alors qu'elle se convertit toujours en la même valeur REM.
Pourquoi utiliser REM plutôt que les pixels en CSS ?
Les valeurs REM s'ajustent automatiquement lorsqu'un utilisateur modifie la taille de police de base de son navigateur dans les paramètres d'accessibilité, contrairement aux valeurs en pixels fixes. Cela fait de rem un choix par défaut plus accessible pour le dimensionnement du texte, em étant réservé aux cas où une taille doit véritablement s'ajuster à son parent (comme un padding qui doit croître avec la taille de police d'un bouton).
Questions fréquentes
Combien vaut 16px en rem ?
Avec la taille de police racine par défaut de 16px, 16px équivaut à 1rem. La formule est rem = px / taille de police racine.
REM est-il identique à EM ?
Non. REM est toujours relatif à la taille de police de l'élément racine (html). EM est relatif à la taille de police de l'élément actuel lui-même, qui peut varier à chaque niveau de contenu imbriqué — ainsi la même valeur en pixels peut se traduire par différentes valeurs EM selon l'endroit où elle est utilisée.
Pourquoi utiliser REM plutôt que les pixels en CSS ?
Lorsqu'un utilisateur modifie la taille de police de base de son navigateur (pour l'accessibilité), les valeurs REM s'adaptent automatiquement, contrairement aux valeurs en pixels fixes — ce qui fait de REM une unité plus accessible pour dimensionner le texte.
Quelle est la taille de police racine par défaut ?
16px dans le réglage par défaut de chaque navigateur majeur. Ce convertisseur utilise 16px par défaut mais vous permet de le modifier pour correspondre au CSS réel d'un site.