Convertisseur PX ↔ REM
Convertissez facilement vos unités pour un web plus accessible et responsive.
Pourquoi utiliser REM plutôt que PX ?
L'unité rem (root em) est relative à la taille de police racine du navigateur (généralement 16px).
Contrairement aux pixels (px) qui sont fixes, les rems permettent à votre site de s'adapter si l'utilisateur change la taille de police par défaut de son navigateur pour des raisons d'accessibilité (vision réduite).
En utilisant rem, vous garantissez que votre design respecte les préférences de l'utilisateur.
Pourquoi utiliser les REM ?
L'unité REM (Root EM) est relative à la taille de police de base du navigateur (par défaut 16px). Contrairement aux pixels (px) qui sont fixes, les rems s'adaptent aux préférences de l'utilisateur.
C'est crucial pour le RGAA (Critère 10.4) : l'utilisateur doit pouvoir agrandir la taille du texte jusqu'à 200% sans perte d'information. Si vous codez tout en pixels, ce redimensionnement peut casser votre mise en page.
Comment faire la conversion ?
La formule est simple : Pixels / Taille de base = REM.
- Base standard : 16px.
- Exemple : 24px / 16 = 1.5rem.
Utilisez ce convertisseur pour traduire rapidement vos maquettes (souvent en px) en code accessible (en rem).