Entre autoedición, imprenta y diseño web las unidades cambian constantemente: el texto se compone en puntos (pt), la maquetación se revisa en milímetros (mm) y la web se construye en píxeles (px). Con el Tipografía: pt, px, mm y pica conviertes todas estas unidades en un solo paso. Esta guía explica las relaciones para que interpretes bien los resultados.
La base común: la pulgada
Todas las unidades tipográficas se derivan de una referencia compartida: la pulgada. La relación fija es 1 pulgada = 72 pt = 6 pica = 25,4 mm, de donde resulta que 1 pica = 12 pt. El punto, la pica y el milímetro son medidas físicas fijas: un valor en pt siempre tiene el mismo tamaño físico, sea cual sea el dispositivo o la pantalla.
Por qué el píxel es un caso especial
El píxel (px) no es una longitud física fija, sino que depende de la resolución. Se cumple px = pulgada × dpi. El estándar CSS asume 96 dpi, por lo que el navegador trabaja siempre con esta resolución de referencia. Si cambia la resolución –por ejemplo en impresión de alta resolución u otros dispositivos de salida– solo cambia el valor en px; pt, mm y pica permanecen iguales.
Ejemplo de conversión: 12 pt
Tomemos un tamaño de fuente típico de 12 pt a 96 dpi. A través de la pulgada: 12 pt = 12/72 pulgada = 1/6 de pulgada. A 96 dpi son exactamente 16 px, además de 4,23 mm y 1 pica. Así, el tamaño clásico de composición se enlaza directamente con el valor web de 16 px, que además es el tamaño de fuente por defecto de muchos navegadores.
Tabla de conversión (a 96 dpi)
| pt | px (96 dpi) | mm | pica |
|---|---|---|---|
| 6 | 8 | 2,12 | 0,5 |
| 9 | 12 | 3,18 | 0,75 |
| 12 | 16 | 4,23 | 1 |
| 18 | 24 | 6,35 | 1,5 |
| 24 | 32 | 8,47 | 2 |
| 36 | 48 | 12,7 | 3 |
Las columnas pt, mm y pica valen siempre; solo la columna px se desplaza si usas una resolución distinta de 96 dpi. Para el trabajo diario entre imprenta y web, abre el Tipografía: pt, px, mm y pica, ajusta la resolución deseada y lee los cuatro valores a la vez.
