Ir al contenido
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
  • px a cm
  • mm a px
  • pulgadas a px
  • DPI a PPI

Herramientas

  • HEX a RGB
  • RGB a CMYK
  • bytes a KB/MB/GB
  • Unix a fecha
  • DEC a BIN
  • DEC a HEX
  • Mbps a MB/s
  • JPG a WebP
  • PNG a WebP

Herramientas

  • WebP a JPG
  • WebP a PNG
  • PNG a JPG
  • JPG a PNG
  • SVG a PNG
  • BMP a JPG
  • JPG a AVIF
© 2025 Arteon. Todos los derechos reservados.

Politica de privacidad

Terminos de servicio

#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.
PUBLICIDAD

¿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.

PUBLICIDAD

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

Convertir otras unidades a Píxeles

pt a pxrem a pxcm a pxmm a pxpulgadas a px

Explorar otros conversores de unidades

px a cmDPI a PPIHEX a RGBRGB a CMYKbytes a KB/MB/GBUnix a fechaDEC a BINDEC a HEXMbps a MB/s

Preguntas frecuentes

¿Cuántos píxeles es 1em?

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

¿Cuál es la diferencia entre em y rem?

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

¿Qué es el truco del 62,5%?

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

¿Los cálculos se realizan localmente?

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

Ayúdanos a mejorar nuestras herramientas

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

em na px – Arteon
PUBLICIDAD

Más herramientas gratuitas

Ver todas las herramientas
JPG a WebP

JPG a WebP

Convierte fotos JPG a WebP ligero. Reduce el peso de las imágenes hasta un 35%.

Abrir herramienta
Editor de imágenes en línea

Editor de imágenes en línea

Cambie el tamaño, recorte y convierta su imagen. Formatos listos para redes sociales, avatares circulares, exportación a JPG/PNG/WebP.

Abrir herramienta
Verificador de meta título y descripción

Verificador de meta título y descripción

Compruebe la longitud del título y la descripción en píxeles. Vista previa de Google en vivo y sugerencias de optimización.

Abrir herramienta
PNG a JPG

PNG a JPG

Convierte archivos PNG a JPG en el navegador. Sin límite de archivos, sin registro.

Abrir herramienta
Generador de favicon

Generador de favicon

Cree un conjunto completo de favicon.ico para su sitio web desde una imagen. Todos los tamaños necesarios, sin registro.

Abrir herramienta
Generador de paletas de colores

Generador de paletas de colores

Genere 9 paletas a partir de un color: monocromática, complementaria, triádica y más. Códigos HEX.

Abrir herramienta
WebP a JPG

WebP a JPG

Convierte archivos WebP a JPG compatible con cualquier programa y plataforma.

Abrir herramienta
Comprobador de contraste de colores

Comprobador de contraste de colores

Compruebe el contraste de texto y fondo según WCAG 2.1 AA y AAA. Corrección automática de colores.

Abrir herramienta
Generador de códigos QR gratuito

Generador de códigos QR gratuito

Cree un código QR para sitio web, tarjeta vCard o impresión. Exporte PNG y SVG, sin registro.

Abrir herramienta
Contador de palabras y caracteres

Contador de palabras y caracteres

Cuente palabras, caracteres, oraciones y tiempo de lectura. Cambie las mayúsculas y formatee el texto con un clic.

Abrir herramienta