Mode d'emploi
- Renseignez Taille de police racine avec la taille en px utilisée par votre élément html.
- Ouvrez l’onglet CSS, puis choisissez px → rem ou rem → px dans Sens.
- Sélectionnez Toutes les propriétés ou Propriétés de police uniquement dans Propriétés.
- Collez votre feuille de style dans Votre CSS : le résultat s’affiche dans CSS converti.
- Copiez le CSS converti une fois le résultat affiché.
Exemples
Convertir une taille avec une racine de 10 px
14px
1.4rem (14px ÷ 10px)
Convertir uniquement les propriétés de police
.fiche-produit {
font-size: 18px;
line-height: 24px;
padding: 16px;
}.fiche-produit {
font-size: 1.125rem;
line-height: 1.5rem;
padding: 16px;
}Repasser une feuille de style en pixels
.liste-articles {
gap: 0.75rem 2rem;
padding: 1.5rem;
}.liste-articles {
gap: 12px 32px;
padding: 24px;
}Astuces
- Mettez en forme le fichier converti avec le formateur CSS.
- Allégez-le avec l'outil Minifier CSS.
FAQ
Comment calculer les rem à partir des px ?
Divisez la valeur en px par la taille de police racine. Avec une racine de 16 px, 24 px donnent 1,5 rem. Pour revenir aux px, multipliez les rem par la taille racine.
Quelle est la différence entre rem et em dans ce convertisseur ?
Le calcul en rem utilise Taille de police racine ; celui en em utilise Taille de police du parent pour em. Les champs de conversion prennent en charge les deux unités, mais la conversion d’une feuille CSS ne modifie pas les valeurs en em.
Pourquoi ma bordure de 1 px n’est-elle pas convertie ?
Avec Conserver 1px activé, les valeurs non nulles comprises entre −1 px et 1 px restent en px. Décochez cette option pour les convertir aussi.
Faut-il vérifier les valeurs dans calc() après conversion ?
Vérifiez les expressions contenant 0px : l’outil remplace 0px par 0, même dans calc(). Une expression comme calc(0px + 10px) devient alors invalide, car elle additionne un nombre sans unité et une longueur.
Mon CSS est-il envoyé à un serveur ?
La conversion se fait dans votre navigateur, sans envoyer vos valeurs ni votre CSS, et ces contenus ne sont pas enregistrés. Seuls les réglages et le dernier onglet sont conservés localement ; les événements Google Analytics ne contiennent ni valeurs ni CSS.