Cómo se usa
- Elige la unidad que tienes (pt, px, mm, em o %) e introduce el tamaño.
- Todas las demás unidades se muestran a la vez, con una vista previa a ese tamaño.
- Para em, rem y %, define el tamaño base de la fuente — los navegadores usan 16 px por defecto.
Opciones explicadas
- Puntos y píxeles
- Un punto es 1/72 de pulgada, y CSS define un píxel como 1/96 de pulgada, así que 1 pt = 4/3 px y 12 pt = 16 px.
- Milímetros
- 1 pt = 25,4 ÷ 72 ≈ 0,353 mm. Es el tamaño físico del cuerpo del tipo, y se aplica al imprimir.
- em, rem y porcentaje
- Un múltiplo del tamaño base de la fuente. Con una base de 16 px, 1 em = 1 rem = 100 % = 16 px = 12 pt.
- Tamaño chino (号)
- Los procesadores de texto chinos nombran los tamaños en vez de usar puntos, desde 初号 (42 pt) hasta 八号 (5 pt). También puedes convertir desde y hacia estos tamaños.
Tamaños habituales
| pt | px | em (base de 16 px) |
|---|---|---|
| 9 | 12 | 0,75 |
| 10,5 | 14 | 0,875 |
| 12 | 16 | 1 |
| 14 | 18,67 | 1,1667 |
| 18 | 24 | 1,5 |
| 24 | 32 | 2 |
Tamaños web en píxeles, puntos y rem
Con los 16 px por defecto del navegador como tamaño base:
| Píxeles | Puntos | rem / em | Uso típico |
|---|---|---|---|
| 12 px | 9 pt | 0,75 rem | Pies de foto, notas al pie |
| 14 px | 10,5 pt | 0,875 rem | Texto pequeño, etiquetas |
| 16 px | 12 pt | 1 rem | Texto del cuerpo |
| 18 px | 13,5 pt | 1,125 rem | Texto del cuerpo grande, párrafos de introducción |
| 20 px | 15 pt | 1,25 rem | Encabezados pequeños |
| 24 px | 18 pt | 1,5 rem | Encabezados |
| 32 px | 24 pt | 2 rem | Títulos de página |
Qué unidad usar
pt (puntos) son para la impresión y los procesadores de texto: 1 pt es 1/72 de pulgada, así que un texto de 12 pt tiene el mismo tamaño físico en cualquier impresora.
px (píxeles CSS) son para las pantallas: 1 px se define como 1/96 de pulgada con el zoom normal, lo que hace que 12 pt equivalgan a 16 px.
rem y em son relativos. 1 rem es el tamaño de fuente de la raíz (normalmente 16 px); 1 em es el tamaño de fuente del elemento padre. Usar rem para el texto permite que quienes configuran una fuente por defecto más grande en su navegador vean el texto más grande en todas partes.
Los milímetros ayudan a igualar una muestra impresa: mide la altura de una letra mayúscula y el tamaño del cuerpo es aproximadamente 1,4 veces esa medida, según la tipografía.
Preguntas frecuentes
¿Cuántos píxeles son 12 pt?
16 px. Multiplica los puntos por 4/3 para obtener píxeles CSS, o los píxeles por 0,75 para obtener puntos.
¿Cuál es la diferencia entre em y rem?
rem es relativo al tamaño de fuente de la raíz (html); em es relativo al tamaño de fuente del elemento padre. Sin ningún tamaño de fuente definido, ambos son 16 px.
¿Por qué el texto medido en pantalla no coincide con la conversión?
Un píxel CSS es una unidad lógica definida a 96 DPI. El tamaño físico en pantalla depende de la densidad de píxeles de la pantalla y el zoom del sistema. Los puntos y los milímetros solo son exactos al imprimir.
Privacidad
Esta herramienta funciona por completo en tu navegador. Tus archivos y textos se procesan en tu dispositivo y nunca se suben a nuestros servidores.