DevToolPal
ES

Unidades CSS

Conversor de em a px

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

Fórmula

px = em × 16

Cómo convertir

Para convertir em a píxeles, multiplica el valor por 16. Por ejemplo, 2 em = 32 px.

Tabla de conversión

em px
0,25 em 4 px
0,5 em 8 px
0,75 em 12 px
0,875 em 14 px
1 em 16 px
1,25 em 20 px
1,5 em 24 px
2 em 32 px
2,5 em 40 px
3 em 48 px
4 em 64 px

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 em a px?

1 em = 16 px. Para convertir, multiplica el valor por 16: 2 em = 32 px.

› ¿Cuánto es 1 px en em?

1 px = 0,0625 em. La fórmula inversa es em = px ÷ 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.