Ir al contenido
Actualización del generador de firmas de correo: descubra las nuevas funciones herramientas
Arteon - logotipo de la empresa
#MadeWithNext.js
Arteon logo

Herramientas en línea gratuitas para desarrolladores web, diseñadores y especialistas en marketing.

Herramientas

  • Editor de imágenes en línea
  • Generador de favicon
  • Verificador de meta título y descripción
  • Contador de palabras y caracteres
  • Generador Lorem Ipsum
  • Generador de firma de correo
  • Comprobador de contraste de colores
  • Extractor de colores de imagen
  • Generador de paletas de colores

Herramientas

  • Generador de códigos QR gratuito
  • pt a px
  • rem a px
  • em a px
  • cm a px
  • mm a px
  • pulgadas a px
  • DPI a PPI
  • HEX a RGB

Herramientas

  • RGB a HSL
  • RGB a CMYK
  • bytes a KB/MB/GB
  • Unix a fecha
  • DEC a BIN
  • DEC a HEX
  • Mbps a MB/s
  • vw a px
  • Tailwind CSS a px

Herramientas

  • JPG a WebP
  • PNG a WebP
  • WebP a JPG
  • WebP a PNG
  • PNG a JPG
  • JPG a PNG
  • SVG a PNG
  • BMP a JPG
  • JPG a AVIF

Documentos legales

  • Politica de privacidad
  • Terminos de servicio
© 2026 Arteon. Todos los derechos reservados.#MadeWithNext.js

Convertir em a píxeles

Este convertidor convierte instantáneamente. Ingresa un valor y el resultado aparece al instante.

  1. /Herramientas
  2. /em a px
Loading tool editor...
Convertidor de em a píxeles – CSS – Arteon

¿Cuándo necesitas convertir em a píxeles?

La unidad CSS em es relativa al tamaño de fuente del elemento padre. Con el tamaño de fuente estándar de 16px: 1em = 16px, 1,5em = 24px, 2em = 32px.

Las unidades em se usan frecuentemente en diseño web responsivo para tipografía, espaciado y layout. Convertirlas a píxeles ayuda a entender el tamaño real renderizado.

A diferencia de rem (relativo a la raíz), em se acumula: 1,5em × 1,5em = 2,25× el tamaño base.

Todos los cálculos se ejecutan localmente en tu navegador.

¿Cómo usar el convertidor?

  1. 1. Introduce un valor

    Escribe un número en el campo de entrada. Puedes usar punto o coma como separador decimal.
  2. 2. Lee el resultado

    El resultado aparece instantáneamente en el campo contiguo.
  3. 3. Copia o invierte

    Haz clic en Copiar o usa el botón Invertir para convertir en dirección opuesta.

¿Cuándo es útil este convertidor?

  1. Desarrollo web

    Convierte valores em a píxeles para entender tamaños reales al depurar CSS.
  2. Tipografía

    Establece tamaños de fuente en em para escalabilidad: body 1em = 16px, h1 2,5em = 40px.
  3. Diseño responsivo

    Usa em para breakpoints y espaciado que escalan con el tamaño de fuente.
  4. Accesibilidad

    Las unidades em respetan la configuración de tamaño de fuente del usuario, a diferencia de píxeles fijos.

¿Qué hace diferente a este convertidor?

  1. Privacidad total

    Todos los cálculos se ejecutan localmente en tu navegador.
  2. Resultados en tiempo real

    El resultado se actualiza instantáneamente mientras escribes.
  3. Conversión bidireccional

    Convierte en ambas direcciones con un solo clic.
  4. Tabla de referencia

    Una tabla con valores de conversión comunes y descripciones contextuales.

¿Cómo funciona la conversión?

px = em × tamaño de fuente del padre. Por defecto es 16px.

Em se acumula: body 16px, div 1,5em (24px), párrafo dentro a 1,5em = 36px.

Para tamaños predecibles, se puede usar rem, que siempre referencia la fuente raíz.

¿Cómo funciona la conversión?

px = em × tamaño de fuente del padre. Por defecto es 16px.

Em se acumula: body 16px, div 1,5em (24px), párrafo dentro a 1,5em = 36px.

Para tamaños predecibles, se puede usar rem, que siempre referencia la fuente raíz.

em vs px vs rem

em vs px vs rem
Característicaempx
ReferenciaFuente del padrePíxel fijo
Se acumulaSí (anidado)No
ResponsivoSíNo
AccesibilidadRespeta configuraciónTamaño fijo
PredecibilidadDepende del contextoSiempre consistente

em

  • Referencia
    Fuente del padre
  • Se acumula
    Sí (anidado)
  • Responsivo
    Sí
  • Accesibilidad
    Respeta configuración
  • Predecibilidad
    Depende del contexto

px

  • Referencia
    Píxel fijo
  • Se acumula
    No
  • Responsivo
    No
  • Accesibilidad
    Tamaño fijo
  • Predecibilidad
    Siempre consistente

Convertir otras unidades a px

pt a pxrem a pxcm a pxmm a pxpulgadas a pxvw a pxTailwind CSS a px

Explorar otros conversores de unidades

DPI a PPIHEX a RGBRGB a HSLRGB a CMYKbytes a KB/MB/GBUnix a fechaDEC a BINDEC a HEXMbps a MB/s

Preguntas frecuentes

Por defecto 1em = 16px (estándar del navegador). Pero em es relativo al elemento padre.

em referencia la fuente del padre. rem referencia la fuente raíz (html). rem es más predecible.

html { font-size: 62,5% } hace que 1rem/1em = 10px. Así 1,6rem = 16px — cálculo más fácil.

Sí. Todos los cálculos se ejecutan en tu navegador.

em na px – Arteon

Ayúdanos a mejorar nuestras herramientas

¿Tienes una idea, encontraste un error o quieres sugerir una función? Escríbenos – respondemos en 24 horas.