Conversor de em a Píxel

Acerca de esta calculadora

El em es una unidad de longitud relativa de CSS ligada al tamaño de fuente: 1em equivale siempre al tamaño de fuente actual del elemento al que se aplica (o, cuando se usa para el propio tamaño de fuente, al tamaño de fuente del elemento padre). Los navegadores fijan por defecto ese tamaño de fuente raíz en 16px, de modo que con el ajuste predeterminado 1em = 16px y, en general, px = em × tamaño de fuente base: un encabezado de 2em sobre una base de 16px se muestra a 32px, pero esos mismos 2em sobre una base de 18px se muestran a 36px.

Como el em se escala con el tamaño de fuente del usuario o del elemento padre, es la unidad a la que recurren los desarrolladores de CSS en la tipografía adaptable y accesible: el interlineado, los márgenes y el tamaño de fuente que deben crecer cuando alguien aumenta el ajuste de tamaño de texto de su navegador. Convertir entre em y píxeles es un paso habitual al traducir una maqueta de diseño basada en píxeles (Figma, Sketch) a un CSS escalable y accesible.