DevToolPal
ES

Unidades CSS

Conversor de px a em

Convierte píxeles (px) a em (em). 1 px = 0,0625 em y 1 em = 16 px.

Fó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.