Introduce un número
1 px = 0,0625 em
Abrir en Conversor de PX a REMFórmula
em = px ÷ 16
Cómo convertir
Para convertir píxeles a em, divide el valor entre 16. Por ejemplo, 32 px = 2 em.
Tabla de conversión
| px | em |
|---|---|
| 1 px | 0,0625 em |
| 2 px | 0,125 em |
| 4 px | 0,25 em |
| 8 px | 0,5 em |
| 10 px | 0,625 em |
| 12 px | 0,75 em |
| 14 px | 0,875 em |
| 16 px | 1 em |
| 18 px | 1,125 em |
| 20 px | 1,25 em |
| 24 px | 1,5 em |
| 32 px | 2 em |
| 48 px | 3 em |
| 64 px | 4 em |
La tabla supone un tamaño de fuente base de 16px. Cambia los ajustes en el conversor de arriba para adaptarlo a tu proyecto.
Sobre estas unidades
Los navegadores convierten toda longitud CSS en píxeles. rem es relativo al tamaño de fuente raíz y em al del elemento padre; ambos valen 16px en todos los navegadores principales salvo que la página o el usuario lo cambien. 1pt es 1/72 de pulgada y 1px es 1/96 de pulgada, así que 1pt = 1,333px. vw es el 1 % del ancho del viewport, por lo que su tamaño en píxeles depende de la pantalla.
Preguntas frecuentes
› ¿Cómo convierto px a em?
1 px = 0,0625 em. Para convertir, divide el valor entre 16: 32 px = 2 em.
› ¿Cuánto es 1 em en px?
1 em = 16 px. La fórmula inversa es px = em × 16.
› ¿Por qué usar rem en lugar de px?
Los tamaños en rem siguen el tamaño de fuente configurado en el navegador, lo que mejora la accesibilidad, y cambiar un solo valor raíz reescala todo el diseño de forma coherente.
› ¿Qué diferencia hay entre rem y em?
rem siempre usa el tamaño de fuente raíz (html). em usa el tamaño de fuente del elemento padre, así que los valores em anidados se multiplican.