Convertidor de píxeles (px) a em

Usa nuestro convertidor de px a em para convertir px a em al instante para tipografía responsiva. Incluye la conversión de píxeles a em, una explicación de calculadora de píxeles a em y cómo convertir px a em en CSS (convertir px a em css).

Tamaño base (px)
El tamaño de fuente base en píxeles (debe ser > 0).
Tamaño del objeto (px)
El tamaño del elemento en píxeles.
Results
Equivale a (em)
Se calcula como em = objectPx / basePx.
em
Equivale a (pt)
Se calcula como pt = objectPx × 0.75 (asumiendo 96 px por pulgada).
pt
Equivale a (%)
Se calcula como % = (objectPx / basePx) × 100.
%
px → em/pt/% = ?
Did we solve your problem today?

¿Qué es la conversión de px a em?

Px (píxeles) y em son unidades de longitud comunes en CSS. Los píxeles son unidades fijas, mientras que em es una unidad relativa basada en el tamaño de fuente actual del elemento (o de su elemento padre, según la propiedad).

Si quieres diseños responsivos, convertir píxeles a em puede ayudar a que tu diseño escale con la configuración de fuente del usuario y evitar tamaños fijos.

Este convertidor de píxeles a em (calculadora de píxeles a em) convierte px a em usando un tamaño de fuente base que tú eliges, lo cual coincide con cómo se convierte px a em en CSS.

Fórmula de conversión de px a em

Para convertir px a em, divide el valor en píxeles entre el tamaño de fuente base (en px).

Px a em =
em = px ÷ basePx

basePx suele ser 16px por defecto en los navegadores, pero puedes configurarlo en CSS.

px
= Valor en píxeles que quieres convertir
basePx
= Tamaño de fuente base en píxeles (a menudo 16px)
em
= Resultado en unidad CSS relativa
Ejemplo de conversión de píxeles a em (base 16px)
24px → 24 ÷ 16 = 1.5em

Una conversión común en CSS cuando la fuente base es 16px.

Ejemplo de conversión px a em en CSS (base 20px)
18px → 18 ÷ 20 = 0.9em

Si un contenedor usa tamaño de fuente 20px, los valores em se escalan desde 20px.

Cómo usar el convertidor de px a em

  1. 1

    Introduce el tamaño de fuente base (px).

  2. 2

    Introduce el valor en píxeles que quieres convertir.

  3. 3

    El convertidor calcula em = px ÷ basePx.

  4. 4

    Usa el valor en em en CSS para tipografía y espaciado escalables.

Preguntas frecuentes

¿Cómo convierto px a em?

Divide el valor en píxeles entre el tamaño de fuente base: em = px ÷ basePx.

Convertir px a em en CSS: ¿cuál es la fórmula?

Es la misma fórmula: em = px ÷ basePx. Si la base es 16px, entonces 16px = 1em, 32px = 2em, etc.

¿Qué es una calculadora de píxeles a em?

Una herramienta que convierte valores en píxeles a unidades em basándose en un tamaño de fuente base elegido.

¿Cuál es el tamaño de fuente base predeterminado para convertir de px a em?

La mayoría de los navegadores usan 16px como tamaño de fuente raíz por defecto, pero tu CSS puede cambiarlo.

¿Por qué usar em en lugar de px?

em es relativo al tamaño de fuente, lo que puede mejorar la accesibilidad y la respuesta del diseño. px es fijo.

¿Esta es una herramienta online de conversión de px a em?

Sí: este convertidor de px a em calcula el resultado en em al instante según tu tamaño base.