Skip to main content

Conversor de unidades tipográficas Convierta entre px, pt, em, rem, cm, mm, pulgadas y picas con tamaño de fuente base configurable.

Conversor de unidades tipográficas illustration
⚖️

Conversor de unidades tipográficas

Convierta entre px, pt, em, rem, cm, mm, pulgadas y picas con tamaño de fuente base configurable.

1

Establecer tamaño base de fuente

Ajusta el control deslizante del tamaño base de fuente si tu tamaño de fuente raíz difiere del valor predeterminado de 16px.

2

Introducir un valor

Escribe el valor de tamaño que deseas convertir.

3

Seleccionar unidades

Elige las unidades tipográficas de origen y destino.

Loading tool...

What Is Conversor de unidades tipográficas?

Un convertidor de unidades tipográficas traduce entre los diversos sistemas de medición utilizados en la tipografía digital y de imprenta. Los píxeles (px) son la unidad estándar para la web. Los puntos (pt) son tradicionales en el diseño de imprenta (1 pt = 1/72 pulgada). Em y rem son unidades relativas - em es relativa al tamaño de fuente del padre, rem al tamaño de fuente raíz (generalmente 16px). Las unidades físicas (cm, mm, pulgadas) y las picas (1 pc = 12 pt) conectan los contextos de imprenta y digital. El tamaño base de fuente configurable garantiza conversiones precisas em/rem que coinciden con la configuración de tu proyecto.

Why Use Conversor de unidades tipográficas?

  • Tamaño base de fuente configurable para cálculos precisos de em/rem.
  • Conecta la tipografía impresa (pt, pc, in) con la digital (px, em, rem).
  • Esencial para diseñadores y desarrolladores web.
  • Conversión en tiempo real con tabla de referencia.
  • Completamente del lado del cliente.

Common Use Cases

Desarrollo Web

Convertir entre px, em y rem para tipografía receptiva.

Diseño de Impresión

Convertir entre puntos, picas y medidas físicas.

Creación de CSS

Calcular valores rem a partir de especificaciones de diseño basadas en píxeles.

Diseño Multiplataforma

Garantizar una tipografía coherente en web, impreso y móvil.

Technical Guide

Medición tipográfica a 96 DPI (píxel de referencia CSS):

• 1 px = 1/96 pulgada (definición CSS)
• 1 pt = 1/72 pulgada = 96/72 px = 1,333 px
• 1 pc (pica) = 12 pt = 16 px
• 1 em = tamaño de fuente del padre (predeterminado: 16px)
• 1 rem = tamaño de fuente raíz (predeterminado: 16px)
• 1 pulgada = 96 px (CSS), 72 pt
• 1 cm = 96/2,54 ≈ 37,8 px
• 1 mm = 96/25,4 ≈ 3,78 px

El píxel CSS se define como 1/96 de pulgada, independientemente de la resolución física de la pantalla. En pantallas con alta densidad de píxeles, un píxel CSS puede corresponder a varios píxeles físicos.

Em y rem son unidades proporcionales. Con el tamaño base predeterminado de 16px, 1rem = 16px, 0,875rem = 14px y 1,25rem = 20px. Utilizar rem para tamaños de fuente permite una escalabilidad accesible cuando los usuarios cambian el tamaño de fuente predeterminado del navegador.

Tips & Best Practices

  • 1
    A 16px base: 1rem = 16px. El truco del "62,5%" (html { font-size: 62,5% }) hace que 1rem = 10px para facilitar las matemáticas.
  • 2
    1pt ≈ 1,33px. El texto del cuerpo de 12pt en impreso ≈ 16px en pantalla.
  • 3
    Utiliza rem para una tipografía web accesible - respeta la configuración del navegador del usuario.
  • 4
    La pica (pc) todavía se utiliza en la composición tradicional: 1 pc = 12 pt = 16 px.

Related Tools

Frequently Asked Questions

Q ¿Cómo convierto px a rem?
Divide los píxeles por el tamaño de fuente raíz (típicamente 16). Por ejemplo, 24px ÷ 16 = 1,5rem.
Q ¿Cuál es la diferencia entre em y rem?
Em es relativo al tamaño de fuente del elemento padre, lo que puede generar compuestos. Rem siempre es relativo al tamaño de fuente del elemento raíz (html), lo que lo hace más predecible.
Q ¿Cuántos puntos hay en un píxel?
En el estándar CSS de 96 DPI: 1 px = 0,75 pt, o equivalentemente, 1 pt = 1,333 px.
Q ¿Qué es una pica?
Una pica es una unidad tipográfica tradicional igual a 12 puntos o 1/6 de pulgada. En CSS a 96 DPI, 1 pica = 16 píxeles.
Q ¿Por qué el tamaño de fuente predeterminado es 16px?
Los navegadores principales establecen 16px como el tamaño de fuente del cuerpo predeterminado. Esto se convirtió en el estándar de facto para calcular valores rem en CSS.

About This Tool

Conversor de unidades tipográficas is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.