Dieciséis píxeles son doce puntos, porque un píxel equivale a 0,75 puntos. Escribe un valor en píxeles y el resultado aparece al instante en el campo de al lado. El convertidor te sirve cuando la maqueta nació en píxeles y el archivo tiene que llegar a imprenta, a un PDF o a la firma del programa de correo.
Un píxel equivale a 0,75 puntos, porque el estándar CSS fija que en una pulgada caben 96 píxeles y 72 puntos [1]. De ahí sale la pareja que vuelve en todos los proyectos: 16 px son exactamente 12 pt, y 24 px son 18 pt.
Se convierte en este sentido cuando el material nació en pantalla y acaba en el mundo de la imprenta. Los programas de maquetación, los clientes de correo, las hojas de cálculo y el formato PDF miden el texto y las páginas en puntos, así que una maqueta descrita en píxeles necesita pasar a su unidad.
El convertidor te sirve si mandas a imprenta un archivo hecho en pantalla, si lees las medidas de página de un PDF desde código o si diseñas interfaces móviles, donde la palabra punto significa algo completamente distinto.
Más abajo encontrarás una tabla de tamaños de texto, otra de valores grandes, las medidas de nueve formatos de página en puntos PDF y la comparación de puntos y píxeles en pantallas de Apple. El camino inverso lo cubre el convertidor de puntos a píxeles.
La fórmula es corta: puntos = píxeles × 72 ÷ 96, es decir multiplicar por 0,75. Veinte píxeles dan 15 pt, 40 px dan 30 pt y 96 px dan 72 pt justos, o sea una pulgada exacta.
El resultado sale redondo siempre que el número de píxeles se divida entre cuatro: 12 px son 9 pt, 16 px son 12 pt, 20 px son 15 pt, 24 px son 18 pt. En el resto de valores aparecen cuartos de punto: 15 px dan 11,25 pt y 18 px dan 13,5 pt. Los programas de maquetación aceptan esas fracciones sin problema.
El factor 0,75 vale con la densidad de 96 píxeles por pulgada que el estándar CSS asume para la pantalla y para la impresión desde el navegador [1]. Cuando prepares una imagen de mapa de bits en otra resolución, calcula el tamaño físico con el convertidor de px a mm con DPI ajustable. El punto queda atado a esa densidad al margen de los ajustes de quien lee, mientras que el rem sigue al tamaño de texto del navegador: con base de 16 px un píxel son 0,0625rem, lo que calcula el convertidor de px a rem.
La tabla recoge 29 tamaños, de 8 a 96 píxeles, es decir todo el rango que aparece en interfaces y páginas web. La primera columna da el valor en puntos y la segunda el tamaño físico con una densidad de 96 DPI. Las filas en negrita son los tamaños más frecuentes: 16 px en el texto corrido, 24 px como umbral de texto grande según la WCAG y 96 px como una pulgada exacta.
| Tamaño en píxeles | Puntos | Milímetros |
|---|---|---|
| 8 px | 6 pt | 2,117 mm |
| 10 px | 7,5 pt | 2,646 mm |
| 11 px | 8,25 pt | 2,91 mm |
| 12 px | 9 pt | 3,175 mm |
| 13 px | 9,75 pt | 3,44 mm |
| 14 px | 10,5 pt | 3,704 mm |
| 15 px | 11,25 pt | 3,969 mm |
| 16 px | 12 pt | 4,233 mm |
| 17 px | 12,75 pt | 4,498 mm |
| 18 px | 13,5 pt | 4,763 mm |
| 19 px | 14,25 pt | 5,027 mm |
| 20 px | 15 pt | 5,292 mm |
| 21 px | 15,75 pt | 5,556 mm |
| 22 px | 16,5 pt | 5,821 mm |
| 24 px | 18 pt | 6,35 mm |
| Tamaño en píxeles | Puntos | Milímetros |
|---|---|---|
| 26 px | 19,5 pt | 6,879 mm |
| 28 px | 21 pt | 7,408 mm |
| 30 px | 22,5 pt | 7,938 mm |
| 32 px | 24 pt | 8,467 mm |
| 36 px | 27 pt | 9,525 mm |
| 40 px | 30 pt | 10,583 mm |
| 44 px | 33 pt | 11,642 mm |
| 48 px | 36 pt | 12,7 mm |
| 56 px | 42 pt | 14,817 mm |
| 64 px | 48 pt | 16,933 mm |
| 72 px | 54 pt | 19,05 mm |
| 80 px | 60 pt | 21,167 mm |
| 90 px | 67,5 pt | 23,812 mm |
| 96 px | 72 pt | 25,4 mm |
Esta tabla reúne los anchos de ventanas, encuadres y pantallas enteras, que entran a convertirse junto con la maqueta. La fila de 1.920 px es el ancho de Full HD, 1.080 px su alto y 512 px el tamaño más habitual del icono de una aplicación. La columna de milímetros indica el ancho que tendría esa medida impresa a 96 DPI.
| Valor en píxeles | Puntos | Milímetros (96 DPI) |
|---|---|---|
| 100 px | 75 pt | 26,5 mm |
| 150 px | 112,5 pt | 39,7 mm |
| 200 px | 150 pt | 52,9 mm |
| 240 px | 180 pt | 63,5 mm |
| 300 px | 225 pt | 79,4 mm |
| 320 px | 240 pt | 84,7 mm |
| 375 px | 281,25 pt | 99,2 mm |
| 400 px | 300 pt | 105,8 mm |
| 500 px | 375 pt | 132,3 mm |
| Valor en píxeles | Puntos | Milímetros (96 DPI) |
|---|---|---|
| 512 px | 384 pt | 135,5 mm |
| 600 px | 450 pt | 158,8 mm |
| 800 px | 600 pt | 211,7 mm |
| 1.024 px | 768 pt | 270,9 mm |
| 1.080 px | 810 pt | 285,8 mm |
| 1.200 px | 900 pt | 317,5 mm |
| 1.920 px | 1.440 pt | 508 mm |
| 2.000 px | 1.500 pt | 529,2 mm |
El formato PDF sitúa cada elemento en el espacio de usuario, y la unidad por defecto de ese espacio es 1/72 de pulgada, es decir exactamente un punto tipográfico. La entrada UserUnit en la descripción de la página puede cambiar ese valor y, cuando falta, rige 1/72 de pulgada [2]. El origen de coordenadas está en la esquina inferior izquierda y el eje vertical crece hacia arriba.
Por eso una hoja A4 mide 595 × 842 pt en un archivo PDF, mientras que la hoja carta, la habitual en México y en buena parte de América Latina, mide 612 × 792 pt. Verás esos números en las bibliotecas que generan documentos, en los registros de las herramientas de preimpresión y en el campo de tamaño de página de Acrobat en cuanto cambies la unidad a puntos.
Si generas una factura o un informe desde código y tienes las medidas de la maqueta en píxeles, multiplícalas por 0,75 y obtendrás las coordenadas de página listas. Un ancho de 800 px da 600 pt, cinco puntos más que los 595 pt de ancho de una A4: el contenido entra en la página con una maqueta de 793 px de ancho.
Los formatos de la serie A y el sobre DL parten de milímetros, así que su medida en puntos es fraccionaria y las bibliotecas la redondean. Los formatos americanos parten de pulgadas y por eso salen exactos: la hoja carta mide 8,5 × 11 pulgadas, o sea 612 × 792 pt sin resto. El oficio mexicano es más largo que el legal estadounidense y llega a 216 × 340 mm.
| Formato | Medida en puntos | Medida en milímetros |
|---|---|---|
| A4 | 595 × 842 pt | 210 × 297 mm |
| Carta (Letter) | 612 × 792 pt | 215,9 × 279,4 mm |
| Oficio (México) | 612 × 964 pt | 216 × 340 mm |
| Legal (EE. UU.) | 612 × 1.008 pt | 215,9 × 355,6 mm |
| A3 | 842 × 1.191 pt | 297 × 420 mm |
| Formato | Medida en puntos | Medida en milímetros |
|---|---|---|
| A5 | 420 × 595 pt | 148 × 210 mm |
| A6 | 298 × 420 pt | 105 × 148 mm |
| B5 (ISO) | 499 × 709 pt | 176 × 250 mm |
| Sobre DL | 312 × 624 pt | 110 × 220 mm |
Apple llama punto a la unidad básica de disposición en sus sistemas, pero con ella mide la pantalla y no el papel. La propiedad scale la describe literalmente como la relación entre los puntos, el espacio lógico de coordenadas, y los píxeles, el espacio del dispositivo [3]. El valor 1,0 significa que un punto equivale a un píxel, el 2,0 lo reparte entre dos píxeles y el 3,0 entre tres.
En la práctica el diseño dibuja un iPhone sobre una retícula de 402 puntos de ancho mientras la pantalla muestra 1.206 píxeles [4]. El punto de iOS se convierte, pues, por el factor de escala del dispositivo, mientras que el factor 0,75 de esta página se ocupa del punto tipográfico.
Android resolvió lo mismo bajo el nombre dp, el píxel independiente de la densidad. Allí la referencia es una pantalla de 160 dpi y la fórmula es px = dp × (dpi ÷ 160). La documentación la da explícitamente y a la vez recomienda echar mano de TypedValue.applyDimension() en el código en lugar de escribir la cuenta a mano [5]. Doce puntos forman una pica, así que un resultado de 240 pt también se puede dar como 20 picas — el convertidor de píxeles a picas devuelve directamente esa unidad.
La columna de puntos muestra la retícula sobre la que se diseña la interfaz y la de píxeles el número real de puntos de luz de la pantalla. Los 375 pt de la primera fila son el ancho sobre el que se apoyaron durante años las maquetas de apps de iPhone, y los 834 pt son el ancho de un iPad en vertical.
| Dispositivo | Puntos (retícula de diseño) | Píxeles (pantalla) | Escala |
|---|---|---|---|
| iPhone SE (3.ª generación) | 375 × 667 pt | 750 × 1.334 px | 2× |
| iPhone 17 Pro | 402 × 874 pt | 1.206 × 2.622 px | 3× |
| iPhone 17 Pro Max | 440 × 956 pt | 1.320 × 2.868 px | 3× |
| iPad Pro de 11 pulgadas | 834 × 1.194 pt | 1.668 × 2.388 px | 2× |
24 px lo convierte en 18 pt.Todos los valores de las tablas se calcularon a partir de las definiciones de las unidades y se comprobaron aritméticamente antes de publicarlos. Los datos históricos y los nombres de las unidades locales proceden de las fuentes indicadas arriba.
Última revisión del contenido: · redactado y verificado por el equipo de Arteon
Un píxel son 0,75 puntos con la densidad estándar de 96 DPI. Cuatro píxeles dan tres puntos exactos, y por eso todos los valores divisibles entre cuatro salen redondos: 16 px son 12 pt, 20 px son 15 pt y 24 px son 18 pt.
Puntos = píxeles × 72 ÷ 96, es decir multiplicar por 0,75. Para 40 px salen 30 pt y para 64 px salen 48 pt justos. El convertidor de arriba aplica la fórmula solo, y los dos campos admiten datos, así que puedes empezar por cualquiera.
Dieciséis píxeles son 12 puntos. Esa pareja es la referencia de toda la tipografía web: 16 px es el tamaño de texto que trae el navegador y 12 pt el cuerpo habitual en un documento de oficina, así que el texto se ve igual en pantalla y en papel.
Quince píxeles dan 11,25 pt y veinte píxeles dan 15 pt justos. Los cuartos de punto aparecen en cualquier número de píxeles que al dividirse entre cuatro deje resto, y los programas de maquetación los aceptan sin problema.
Una pulgada son 96 píxeles y a la vez 72 puntos, según fija el estándar CSS. Cien píxeles dan por tanto 75 pt, o sea 26,5 mm, y pasan la pulgada por cuatro píxeles. El valor de 100 píxeles por pulgada sí lo verás como ajuste de resolución en los programas de diseño, donde la cifra la eliges tú.
La A4 mide 595 × 842 pt y la carta 612 × 792 pt, porque el formato PDF mide la página en unidades de 1/72 de pulgada, es decir en puntos tipográficos. La carta sale exacta: 8,5 × 11 pulgadas dan 612 × 792 pt sin redondeo. El oficio mexicano, de 216 × 340 mm, llega a 612 × 964 pt.
El punto de los sistemas de Apple describe la retícula lógica de la pantalla y se convierte a píxeles por el factor de escala del dispositivo: 1×, 2× o 3×. El punto tipográfico tiene el tamaño fijo de 1/72 de pulgada y describe una medida física. Un mismo nombre cubre por tanto dos medidas distintas, y el factor 0,75 solo afecta a la segunda.
Los dos números hablan de densidad, es decir de cuántos puntos caben en una pulgada de material, pero describen niveles de detalle muy distintos. Setenta y dos puntos por pulgada corresponden a las viejas pantallas de Macintosh, 96 es el estándar CSS de hoy y 300 la resolución habitual del offset. La conversión de px a pt se apoya en la relación fija de 72 a 96, así que el resultado no cambia con la resolución a la que imprimas.
Mete en el convertidor el tamaño de la hoja de estilos y obtendrás el cuerpo para el documento. Un texto de 16 px da 12 pt, uno de 18 px da 13,5 pt y un titular de 32 px da 24 pt. Esas mismas cifras se escriben en Word, en InDesign y en el campo de tamaño del cliente de correo.
¿Te falta algún valor en las tablas, has visto un número mal o se te ocurre una función nueva? Escríbenos: leemos todos los mensajes personalmente y respondemos en 24 horas.