Punto a Pica Convertidor
Convierte rápidamente de Punto a Pica.
Cómo convertir
Fórmula:
—
Las unidades tipográficas — puntos, picas, em, píxeles y milímetros — conectan el diseño gráfico, la imprenta y la pantalla digital.
¿Dónde se usa?
• Diseño Editorial e Imprenta — El tamaño de cuerpo de texto, el interlineado (leading) y los márgenes se especifican en puntos y picas en programas como Adobe InDesign y QuarkXPress.
Ejemplos:
• 1 pulgada = 72 pt = 6 picas = 25,4 mm = 96 px (CSS)
• 1 pica = 12 pt = 4,233 mm = 16 px (CSS)
Las unidades tipográficas definen escala y espaciado en medios impresos y digitales, con impacto directo en legibilidad, jerarquía visual y precisión de producción. Diseñadores y desarrolladores convierten a diario entre puntos, picas, píxeles, unidades em/rem, milímetros y pulgadas para mantener consistencia entre pantallas, flujos CSS y salida de preimpresión.
El punto tipográfico (pt) es la unidad base de la tipografía occidental. En el sistema PostScript/DTP (estándar actual): 1 pt = 1/72 de pulgada, aproximadamente 0,3528 mm. La pica = 12 pt = 1/6 de pulgada, aproximadamente 4,233 mm. El em es una unidad relativa igual al tamaño de fuente actual (si el cuerpo es 16 px, 1 em = 16 px). El píxel (px) en CSS es un píxel lógico de referencia (1/96 de pulgada en la definición CSS), independiente de la resolución física de pantalla.
¿Dónde se utiliza?
- Diseño Editorial e Imprenta — El tamaño de cuerpo de texto, el interlineado (leading) y los márgenes se especifican en puntos y picas en programas como Adobe InDesign y QuarkXPress.
- Desarrollo Web y CSS — Los tamaños de fuente en CSS usan px, em, rem o pt. El estándar recomienda em/rem para accesibilidad (respetan las preferencias de tamaño del usuario).
- Diseño de Interfaces Móviles — iOS usa puntos (pt) como unidad lógica; Android usa dp (density-independent pixels). Ambos escalan automáticamente según la densidad de pantalla (PPI).
- Tipografía Profesional — Los tipógrafos especifican el tracking (espaciado entre letras) en unidades de 1/1000 em y el kerning en unidades relativas al cuerpo.
- Impresión de Alta Resolución — La resolución de impresión se mide en DPI (dots per inch); una imagen de 300 DPI a 10 cm de ancho necesita aproximadamente 1.181 píxeles de ancho.
Errores Comunes de Conversión
Confundir píxeles CSS con píxeles físicos
Un px CSS equivale a 1/96 de pulgada, no a un píxel físico de pantalla. En una pantalla Retina (2x), 1 px CSS = 2 píxeles físicos. Usar px físicos en CSS produce elementos demasiado pequeños en pantallas de alta densidad.
Ignorar la diferencia entre punto DTP y punto tipográfico tradicional
El punto Didot europeo tradicional es aproximadamente 0,376 mm, que no coincide con el punto PostScript (0,3528 mm). En publicaciones con legado europeo, verificar qué sistema de puntos se usa para evitar discrepancias de maquetación.
Usar em sin considerar el contexto de herencia
En CSS, em es relativo al tamaño de fuente del elemento padre, lo que puede provocar efectos de cascada. Si el padre tiene font-size: 1,2em y el hijo también, el tamaño efectivo es 1,2 × 1,2 = 1,44em respecto a la raíz. Para evitar esto, usa rem (relativo a la raíz).
Diseñar en píxeles para imprenta sin verificar la resolución
Una imagen de 800 × 600 px a 72 PPI mide aproximadamente 28 × 21 cm en pantalla pero se imprime borrosa. Para impresión de calidad se necesitan 300 PPI: la misma área requeriría aproximadamente 3.307 × 2.480 px.
Tabla de Referencia Rápida
| De | A |
|---|---|
| 1 pulgada | 72 pt = 6 picas = 25,4 mm = 96 px (CSS) |
| 1 pica | 12 pt = 4,233 mm = 16 px (CSS) |
| 1 pt (PostScript) | 0,3528 mm = 1,333 px (CSS) |
| 1 px (CSS, 96 dpi) | 0,75 pt = 0,2646 mm |
| 1 cm | 28,35 pt = 2,362 picas = 37,795 px (CSS) |
| Cuerpo de texto típico web | 16 px = 12 pt = 1 em (base) |
| Título H1 típico web | 32 px = 24 pt = 2 em |
| Punto Didot (europeo) | aprox. 0,376 mm = aprox. 1,066 pt PostScript |
Preguntas Frecuentes
¿Qué unidad debo usar en CSS para tipografía web accesible?
Se recomienda rem para tamaños de fuente y em para espaciados relativos al tamaño de fuente del componente. Evita px para el tamaño de fuente base porque impide que el usuario ajuste el tamaño predeterminado del navegador. Define font-size en el elemento raíz en porcentaje o rem y deja que los demás elementos hereden.
¿Cuántos píxeles tiene 12 puntos?
A 96 DPI (estándar CSS): 12 pt × (1 pulgada / 72 pt) × (96 px / pulgada) = 16 px. Por eso el texto web base de 16 px equivale al cuerpo de texto estándar de 12 pt en imprenta.
¿Qué es el interlineado (leading) y cómo se especifica?
El interlineado es la distancia entre líneas base consecutivas, históricamente medida en puntos. En CSS se llama line-height y se puede expresar sin unidad (por ejemplo, 1,5 equivale al 150 % del tamaño de fuente), en em, px o pt. El estándar de legibilidad recomienda line-height entre 1,4 y 1,6 para texto de cuerpo.
¿Cómo calculo el tamaño de imagen necesario para impresión a 300 DPI?
Multiplica las dimensiones físicas deseadas (en pulgadas) por la resolución: ancho_px = ancho_in × DPI. Para un A4 (8,27 × 11,69 in) a 300 DPI se necesitan 2.480 × 3.508 px. Asegúrate de que la imagen de origen tenga al menos esa resolución antes de ampliarla.
Fuentes y Estándares
- Consorcio World Wide Web (W3C) — Especificación CSS Values and Units Module Level 4
- Adobe Systems — Guía de referencia PostScript Language
- Association Typographique Internationale (ATypI)
- Organización Internacional de Normalización — ISO 9541 (información de fuentes)
Revisado por el Equipo Editorial de The Unit Hub · Marzo 2026