Conversor de PX a EM

La tipografía relativa depende de esa base: un em equivale al tamaño de fuente calculado del padre, así que dieciséis píxeles con una base de dieciséis píxeles es un em, y uno coma cinco em con la misma base son veinticuatro píxeles.

Qué significan px y em y qué contiene la respuesta

Una conversión de longitud CSS entre píxeles y em responde a una pregunta de maquetación acotada: dada una magnitud en una unidad y un tamaño de fuente del padre en píxeles, cuál es la magnitud equivalente en la otra unidad para que el espaciado, la escala tipográfica y los tamaños de los componentes se mantengan proporcionales cuando cambia la cascada. Los píxeles son longitudes absolutas independientes del dispositivo en CSS; em es relativo al tamaño de fuente calculado del elemento padre, de modo que el mismo valor em escala cuando cambia el tamaño de fuente del padre. Los identificadores canónicos son px para píxeles y em para la unidad relativa em; las grafías cotidianas como pixel, pixels y ems se normalizan a esos identificadores, de modo que formularios, cadenas de consulta y hojas de cálculo pueden reutilizar el mismo contrato sin inventar enumeraciones privadas. Esta calculadora acepta un valor numérico, un tamaño de fuente base en píxeles, una unidad de origen y una unidad de destino, y luego devuelve el result convertido y redondeado a una precisión estable, los identificadores canónicos from y to, etiquetas legibles, un valor intermedio en píxeles, una cadena compacta result_css como 1.5em y un breve recordatorio de fórmula. No hay matemática de viewport, ni consulta de raíz rem, ni simulación de media query: el motor o multiplica y divide por la base suministrada dentro del rango de magnitud admitido, o rechaza la entrada con invalid_input. Los casos rechazados incluyen la falta de value, base, from o to; números no finitos; magnitudes por encima del techo documentado; cadenas de unidad desconocidas; y cualquier base que sea cero o numéricamente cero, porque em igual a px sobre base dividiría por cero.

Cómo se leen value, base y unidades y cómo los resultados siguen siendo reproducibles

Se permite notación científica opcional en cadenas numéricas cuando se analiza como decimal finito; los espacios incrustados, los prefijos hexadecimales y los tokens no numéricos se rechazan con un mensaje claro para que una celda incorrecta no se convierta en un tamaño de letra equivocado. Las solicitudes de misma unidad devuelven el value tras validar base, lo que mantiene el contrato uniforme para formularios que siempre envían un tamaño del padre. Los campos preferidos son value para la magnitud de longitud CSS, base para el tamaño de fuente del padre en píxeles, from para la unidad de origen y to para la unidad de destino, con los alias amount, length, n, quantity y size para value; base_px, parent, parent_font_size, font_size y root para base; unit, from_unit, source e input_unit para from; y target, to_unit, output_unit e into para to, de modo que clientes heterogéneos puedan compartir un contrato. El cero es un value válido y simplemente da cero en la unidad de destino, pero una base cero siempre falla con invalid_input porque la conversión relativa em es indefinida sin un tamaño de fuente del padre distinto de cero. Un campo opcional precision, con los alias decimals y dp, elige cuántos decimales exponer para value, base, result y value_px, con valor predeterminado de diez y tope de quince para que las pruebas doradas JSON se mantengan estables. El cálculo puentea a través de píxeles: si from es em, multiplique value por base para obtener píxeles; si to es em, divida esa magnitud en píxeles por base. Combine la ejecución gratuita en el navegador de esta página con la API de pago cuando necesite el resultado matemático idéntico dentro de un flujo automatizado sin reimplementar usted mismo la matemática tipográfica.

Dónde encaja la conversión px–em en sistemas de diseño, CSS y software

En esta página el trabajo se ejecuta por completo en su navegador; a través de la API cada consulta correcta cuesta $0.002, la validación fallida no se cobra y no se almacena nada tras devolver la respuesta. Esa división —exploración interactiva gratuita y una API de pago idéntica— coincide con el resto del catálogo de nivel A del KIT y le permite pasar de una demo de aula a un flujo automatizado sin cambiar el resultado matemático.