El tamaño de fuente base solo se usa para convertir em y rem — no afecta a las demás unidades (px, pt, in, cm, mm, pc), que tienen un tamaño físico fijo.
Resultado
Todos los cálculos se hacen localmente en tu navegador: análisis, gráfico, exportación. Si desconectas la red, la página sigue funcionando.
Datos y límites del método
| Unidad base | Píxel CSS a 96 puntos por pulgada — el estándar de la especificación CSS |
|---|---|
| 1 punto (pt) | 96/72 px ≈ 1,333333 px |
| 1 pulgada (in) | 96 px |
| 1 pica (pc) | 16 px (1/6 de pulgada) |
| 1 em / 1 rem | Igual al tamaño de fuente base que definas (por defecto 16 px) |
Cuándo induce a error
- px, pt, in, cm, mm y pc tienen un tamaño físico fijo según la especificación CSS (96 px = 1 pulgada) y no dependen de la configuración de fuente — se convierten entre sí de forma inequívoca.
- em y rem son unidades relativas: 1 em equivale al tamaño de fuente del elemento padre, 1 rem equivale al tamaño de fuente del elemento raíz (html); en este conversor ambas se convierten usando el mismo valor de "tamaño de fuente base" que proporciones, lo que simplifica al caso típico en que em se usa en un elemento con el mismo tamaño de fuente que la raíz.
- En la práctica, em aplicado a elementos anidados con distintos tamaños de fuente puede acumularse (2em dentro de un elemento con font-size: 2em da visualmente 4 veces el valor base) — este efecto de herencia en cascada no se modela aquí, ya que es una conversión de unidades lineal simple.
- El redondeo se aplica solo al resultado mostrado — los cálculos internos usan toda la precisión de los números de punto flotante de JavaScript.
Cómo se calcula
Para las unidades con tamaño físico fijo (px, pt, in, cm, mm, pc) hay factores de conversión exactos predefinidos a píxeles según el estándar CSS (96 px = 1 pulgada = 2,54 cm).
Para em y rem, el factor de conversión a píxeles equivale al tamaño de fuente base que especifiques (por defecto 16 px, un valor típico por defecto del navegador).
El valor introducido se multiplica por el factor de la unidad de origen, dando un valor en píxeles.
El valor en píxeles se divide entre el factor de la unidad de destino, dando el resultado en la unidad deseada, redondeado al número de decimales elegido.
Preguntas y respuestas
¿Por qué necesito especificar un tamaño de fuente base?
Porque em y rem son unidades relativas: su tamaño físico en píxeles depende de qué tamaño de fuente se trate como "1 unidad". Para las demás unidades (px, pt, in, etc.) este campo no afecta al resultado.
¿En qué se diferencia rem de em en la práctica?
rem siempre se mide desde el tamaño de fuente del elemento raíz de la página (html), mientras que em se mide desde el tamaño de fuente del padre más cercano, lo que puede hacer que los valores em se acumulen al anidarse; rem suele ser más predecible en diseños complejos.
¿Qué tamaño de fuente base debería usar por defecto?
16 px es el tamaño de fuente estándar por defecto en la mayoría de los navegadores, salvo que un sitio lo sobrescriba explícitamente para el elemento html.
¿Se envían mis datos a algún sitio?
No, todo el cálculo se ejecuta en tu navegador.