Convertir em a píxeles
Con una fuente padre de 16 px, 1,5em son 24 px; con 20 px, el mismo valor pasa a 30 px. Escriba la medida em y el tamaño de la fuente padre para ver la longitud real de un margen o un título. Gratis en su navegador.
- Gratis
- Funciona en su navegador
- Sin registro
- Sus datos no salen de su equipo
Ejecutar — gratis
Ejemplo resuelto
- Valor en em
- 1,5
- Tamaño de fuente del elemento padre (px)
- 16
- Píxeles
- 24
- Valor CSS
- 24px
- Precisión
- 6
El conversor de em a píxeles muestra la longitud real en píxeles que representa un valor CSS relativo em con un tamaño de fuente padre concreto. Introduzca la medida em y el tamaño calculado de la fuente del elemento padre en píxeles; la calculadora los multiplica y devuelve un valor estable junto con una medida CSS lista para leer. Resulta útil para revisar tipografía, espaciado, dimensiones de componentes e interfaces adaptables cuyo tamaño cambia con los ajustes de texto heredados.
Comprenda qué representa una medida em
Una em es una longitud CSS relativa cuyo tamaño renderizado depende del contexto tipográfico. En muchas propiedades, una em corresponde al tamaño de fuente calculado del elemento donde se utiliza la propiedad; al razonar desde un ajuste heredado o padre, el tamaño de fuente padre indicado ofrece la referencia práctica para la previsualización. Por eso, un valor em no identifica una cantidad permanente de píxeles.
Con una referencia de dieciséis píxeles, una em equivale a dieciséis píxeles y una em y media equivale a veinticuatro. Con una referencia de veinte píxeles, esos mismos valores relativos se convierten en veinte y treinta píxeles. Este conversor hace explícita esa dependencia en vez de suponer silenciosamente el valor predeterminado del navegador.
También muestra la fórmula para facilitar la auditoría. La herramienta no inspecciona páginas, no resuelve la cascada, no carga hojas de estilo ni adivina qué antepasado controla una propiedad.
Calcule los píxeles y controle el redondeo
Los dos valores obligatorios deben ser números finitos, y la referencia tipográfica debe ser mayor que cero, porque un tamaño calculado nulo o negativo no constituye una base válida para esta previsualización. Se aceptan medidas em iguales a cero o negativas: cero sirve en tablas de tokens generadas, mientras que los desplazamientos y márgenes relativos negativos son válidos en muchos diseños CSS. De forma predeterminada, el resultado se redondea a seis decimales.
Defina precision como un entero entre cero y doce cuando una prueba, especificación o tabla necesite otro detalle. No incluya unidades dentro de campos numéricos: envíe 1.25 en vez de 1.25em y 18 en vez de 18px.
Previsualice tamaños reales en CSS y diseño
Los desarrolladores frontend pueden usar la conversión al revisar componentes que escalan con la tipografía local. Un botón con relleno horizontal de 1.25em puede verse equilibrado con una fuente de dieciséis píxeles, pero ocupar otro ancho real dentro de una tarjeta que hereda dieciocho píxeles. Convertir ambos casos permite observar el efecto antes de abrir las herramientas del navegador.
Los diseñadores pueden traducir tokens relativos a anotaciones en píxeles para la entrega sin cambiar el sistema original, y los revisores de accesibilidad pueden comparar las consecuencias de aumentar el texto heredado. Mantenga preciso el alcance. Esta calculadora solo convierte em a px; no realiza la operación inversa, no resuelve rem desde la raíz, no evalúa porcentajes ni simula zoom o densidad de pantalla.
El resultado son píxeles CSS, no píxeles físicos. Ambos canales comparten el mismo algoritmo puro, de modo que un ejemplo comprobado puede pasar a producción sin cambiar la aritmética.
Qué puede hacer con ella
Previsualizar el espaciado
Vea el relleno o margen en píxeles que produce un token em con el tamaño de fuente padre real.
Preparar la entrega de diseño
Añada anotaciones concretas en píxeles sin abandonar los valores em relativos del sistema de diseño.
Crear pruebas estables
Genere tamaños esperados y deterministas para temas, pruebas de componentes y documentación CSS.
Preguntas frecuentes
¿Una em equivale siempre a dieciséis píxeles?
No. Solo equivale a dieciséis cuando la referencia tipográfica pertinente es de dieciséis píxeles. Indique el tamaño padre real.
¿Puedo convertir un valor em negativo?
Sí. CSS permite desplazamientos y márgenes relativos negativos, por lo que se aceptan valores em negativos.
¿El resultado representa píxeles físicos del dispositivo?
No. Representa píxeles CSS. La escala del navegador y la densidad del dispositivo determinan su correspondencia física.
¿Qué tamaño de fuente padre debo escribir?
El tamaño de fuente calculado del elemento padre, en píxeles; por ejemplo, 18 si una tarjeta hereda ese tamaño. La herramienta no lee su página ni adivina qué elemento lo fija: ese dato lo aporta usted.
¿También convierte rem, porcentajes o píxeles a em?
No. Solo pasa de em a píxeles. No calcula rem respecto al elemento raíz, ni porcentajes, ni unidades de la ventana, y tampoco simula el zoom del navegador ni la densidad de la pantalla.
Herramientas relacionadas
Para desarrolladores — acceso por API
Todo lo de esta página está disponible por programación. Esta sección es para equipos que quieren integrarlo en sus sistemas; el resto puede usar la herramienta de arriba sin más.
Endpoint de API
¿Prefiere automatizarlo? Un POST autenticado crea la tarea; el resultado llega por webhook o enlace firmado. La misma capacidad también se ejecuta aquí en la web, por email y desde Telegram — y pronto también desde nuestra app.
Llámela desde su stack
curl -X POST https://api.kit.forhosting.com/str/em-to-px \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"em_value":1.5,"parent_font_size_px":16}'const res = await fetch("https://api.kit.forhosting.com/str/em-to-px", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"em_value": 1.5,
"parent_font_size_px": 16
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/str/em-to-px",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"em_value": 1.5,
"parent_font_size_px": 16
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/str/em-to-px", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"em_value":1.5,"parent_font_size_px":16}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"em_value":1.5,"parent_font_size_px":16}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/str/em-to-px", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Ejemplo de solicitud
{
"em_value": 1.5,
"parent_font_size_px": 16
}Ejemplo de respuesta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "str.em_to_px",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}La API es asíncrona: la llamada devuelve un task_id al instante y el resultado llega por webhook. El polling está limitado a 1 req/s por tarea.
Precio
Precio publicado — sin tokens ni créditos inventados. Una tarea fallida no se cobra.
Errores
| HTTP | Código | Significado |
|---|---|---|
401 | unauthorized | API key ausente o inválida. |
402 | insufficient_balance | El saldo no cubre el precio de la tarea. |
404 | unknown_type | El tipo de tarea no existe. |
429 | rate_limited | Demasiadas peticiones. Use el webhook en vez de sondear. |
Notas técnicas
El cálculo es determinista, sin red, almacenamiento, aleatoriedad ni fechas, y cada solicitud automatizada a la API cuesta $0.002.
Comprenda qué representa una medida em
La respuesta repite las entradas, devuelve el cálculo en pixels e incluye un css_value como 24px. Usted proporciona el tamaño padre calculado, por lo que el resultado es determinista y apto para diseño, documentación, pruebas y flujos de API.
Calcule los píxeles y controle el redondeo
La operación es pixels igual a em_value multiplicado por parent_font_size_px. El redondeo afecta a pixels y css_value, mientras las entradas siguen visibles para conservar la trazabilidad. La implementación normaliza el cero negativo a cero ordinario y evita sorpresas en comparaciones JSON. NaN, Infinity, campos ausentes, tipos no admitidos, magnitudes excesivas o resultados fuera del límite generan invalid_input en lugar de una cifra engañosa. Este contrato estricto mantiene coherentes hojas de cálculo, SDK, formularios web y pruebas de integración continua.
Previsualice tamaños reales en CSS y diseño
La salida también sirve como dato de prueba: un generador de temas puede llamar a la API, guardar el valor y comprobar dimensiones esperadas. El cálculo interactivo se ejecuta en el navegador y una solicitud automatizada cuesta $0.002.
Preguntas técnicas
¿Qué fórmula convierte em a píxeles?
Multiplique el valor em por el tamaño de fuente padre en píxeles CSS: pixels = em_value × parent_font_size_px.
¿Cuánto cuesta una solicitud de API?
Cada solicitud automatizada cuesta $0.002. El cálculo interactivo del navegador es gratuito en esta página.