Conversor de unidades tipográficas
Datos de entrada
| Puntos | 12 |
|---|---|
| Resolución | 96 |
Conversor de unidades tipográficas
Convierte entre puntos, picas, milímetros, pulgadas y píxeles. Ajuste la resolución de pantalla para obtener el valor en píxeles CSS correspondiente.
Unidades tipográficas
Píxel
Unidades tipográficas
La tipografía utiliza un sistema de medida propio — puntos, picas, milímetros y píxeles — en el que cada unidad responde a un contexto distinto: la composición digital, la maquetación impresa y la pantalla.
El punto tipográfico
El punto PostScript (abreviado pt) se define como exactamente 1/72 de pulgada, lo que equivale a aproximadamente 0,3528 mm. Desde que Adobe lo estandarizó en los años ochenta, es la unidad de referencia en CSS, PDF, macOS, iOS y la mayoría del software de diseño actual.
Existen definiciones históricas que ya no se emplean en software moderno: el punto Didot francés (≈ 0,376 mm), algo mayor que el PostScript, y el punto de imprenta angloamericano anterior a la era digital (≈ 0,351 mm).
La pica
Una pica equivale a 12 puntos, es decir, 1/6 de pulgada (≈ 4,233 mm). Se utiliza habitualmente para especificar anchos de columna y márgenes en maquetación impresa y autoedición. En CSS se escribe pc: font-size: 1pc es equivalente a font-size: 12pt.
De puntos a píxeles: la resolución importa
La conversión de puntos a píxeles requiere conocer la resolución de pantalla:
La densidad de referencia CSS es 96 DPI, donde 1 pulgada = 96 px. A esa densidad, 12 pt equivale a px, y 1 pt equivale a px.
A 72 DPI — la densidad estándar de las pantallas Mac originales —, 1 pt corresponde exactamente a 1 px.
En las pantallas de alta densidad, como las Retina de 326 DPI, el sistema operativo aplica una relación de píxeles del dispositivo (habitualmente 2×) de modo que el píxel de software se comporta a una densidad menor. Para cálculos de maquetación en esas pantallas, introduzca la densidad lógica resultante (por ejemplo, 163 para una pantalla Retina 2×).
Ejemplo de cálculo
Un cuerpo de texto de 10,5 pt en un documento destinado a web estándar:
mm=10,5×7225,4≈3,704 mm px=10,5×7296=14 pxUn tipo de 10,5 pt ocupa 14 px en el navegador y aproximadamente 3,7 mm de alto en papel.
Preguntas frecuentes (FAQ)
¿Qué es un punto tipográfico?
El punto tipográfico es la unidad de medida fundamental en tipografía tradicional y digital. El estándar actual es el punto PostScript (DTP), definido como exactamente 1/72 de pulgada (aproximadamente 0,3528 mm). Esta definición es la que emplean CSS, PDF, macOS, iOS y la práctica totalidad del software de diseño contemporáneo, incluidos Adobe Illustrator e InDesign.
¿Qué diferencia hay entre un punto y un píxel?
Un punto (pt) es una unidad física fija: 1/72 de pulgada, independientemente de la resolución de la pantalla. Un píxel (px) es una unidad relativa al dispositivo cuyo tamaño físico depende de la densidad de pantalla. En una pantalla de 96 DPI (la densidad de referencia CSS), 1 pt equivale a 4/3 px (≈ 1,333 px). En una pantalla de 72 DPI, 1 pt corresponde exactamente a 1 px.
En pantallas de alta densidad como las Retina de 326 DPI, el navegador aplica una relación de píxeles del dispositivo que hace que un píxel CSS abarque varios píxeles físicos.
¿Qué diferencia hay entre el punto PostScript y el punto tipográfico tradicional?
El punto PostScript (DTP) mide exactamente 1/72 de pulgada (0,352 778 mm). El antiguo punto Didot, heredado de la tradición tipográfica francesa y europea, es algo mayor, aproximadamente 0,376 mm. El punto de imprenta angloamericano previo a la era digital rondaba 0,351 mm.
Ninguno de los dos se utiliza en el software actual. El punto PostScript se convirtió en el estándar universal de la tipografía digital desde que Adobe lo introdujo en la década de 1980, y es la definición que emplea este conversor.
¿Qué valor de DPI debo usar para conversiones web o CSS?
Para trabajo web y CSS, el valor correcto es 96 DPI. La especificación CSS define 1 pulgada como exactamente 96 píxeles CSS, de modo que 1 punto (1/72 de pulgada) equivale a 96/72 ≈ 1,333 píxeles CSS.
Esta densidad de referencia es independiente de la resolución física real de la pantalla: las pantallas de alta densidad gestionan el escalado mediante la relación de píxeles del dispositivo. Use 72 DPI únicamente en contextos heredados de macOS o de impresión donde se asumía que 1 pt = 1 píxel de pantalla.
¿Qué es una pica en tipografía?
La pica es una unidad tipográfica equivalente a 12 puntos, o 1/6 de pulgada (aproximadamente 4,233 mm). Se utiliza con frecuencia para especificar anchos de columna, márgenes e interlineado en maquetación impresa y autoedición. En CSS se abrevia como «pc» (font-size: 1pc equivale a font-size: 12pt). Seis picas componen una pulgada; 72 puntos y 6 picas son, por tanto, equivalentes.
Aviso legal
Este conversor utiliza la definición de punto PostScript (DTP): 1 pt = 1/72 de pulgada. Los valores en píxeles son píxeles de referencia CSS calculados a la resolución introducida en el campo DPI. Los resultados pueden diferir en contextos de impresión profesional o plataformas heredadas que empleen una definición de punto distinta.
Recomendaciones
Conversor de longitud
Convierte longitudes entre milímetros, centímetros, metros, kilómetros, pulgadas, pies, yardas, millas y millas náuticas.