Un texto que se ve perfecto en pantalla puede imprimirse demasiado grande o demasiado pequeño, y la razón es que las pantallas y las impresoras miden la letra en unidades distintas. El diseño web usa píxeles, el diseño de impresión usa puntos, y la mayoría de la gente piensa en milímetros o pulgadas cuando sostiene una página impresa. Un titular de 16 píxeles en tu portátil no son 16 de nada en papel, y adivinar la conversión es como salen mal carteles, etiquetas e invitaciones. Este convertidor traduce un tamaño a las cuatro unidades, para que el tamaño que ves sea el tamaño que imprimes.
Las conversiones se apoyan en dos definiciones fijas. Una pulgada equivale a 96 píxeles CSS en una pantalla estándar, y una pulgada equivale a 72 puntos en impresión. Eso significa que un punto equivale a 96 dividido entre 72, o sea 1,333 píxeles, y un píxel equivale a 0,75 puntos. Los milímetros se derivan de la pulgada: una pulgada son exactamente 25,4 milímetros, así que un píxel son 25,4 dividido entre 96, o unos 0,265 milímetros. Son definiciones, no mediciones, así que las conversiones son exactas en vez de aproximadas, siempre que uses la pulgada estándar de 96 píxeles.
Veamos un ejemplo. Introduce 16 píxeles y la herramienta devuelve 12 puntos, unos 4,23 milímetros y unas 0,167 pulgadas. Eso te dice que el texto normal de una web, normalmente 16 píxeles, se imprime a 12 puntos, que es un tamaño normal de libro y fácil de leer en papel. Introduce 72 puntos en su lugar, el clásico titular de una pulgada, y obtienes 96 píxeles, 25,4 milímetros y exactamente 1 pulgada. Los diseñadores que conocen estos dos puntos de referencia, 16 píxeles equivalen a 12 puntos, y 72 puntos equivalen a 1 pulgada, pueden comprobar cualquier conversión mentalmente.
Los puntos son la unidad correcta para impresión porque son físicos. Una letra de 12 puntos mide 12 setentaidosavos de pulgada de alto, en cualquier impresora, en cualquier país, en cualquier papel. Los píxeles no son físicos: un píxel CSS es una unidad de referencia que las pantallas escalan a su propia densidad, así que 16 píxeles CSS pueden ser 16 píxeles físicos en un monitor antiguo, 32 en un portátil retina o 48 en un teléfono de alta densidad. Si diseñas una etiqueta en píxeles y la envías a una impresora, la impresora debe adivinar lo que quisiste decir, y distintas impresoras adivinan distinto.
Conviene memorizar los tamaños habituales de impresión. El texto de los libros suele ser de 10 a 12 puntos, las tarjetas de visita usan 7 a 9 puntos para detalles pequeños y 12 a 16 para nombres, los carteles usan 48 puntos en adelante para titulares, y cualquier cosa por debajo de 6 puntos es difícil de leer para la mayoría. Si un cliente pide un texto de 5 milímetros de alto, eso son unos 14 puntos, y si pide 3 milímetros, eso son unos 8,5 puntos, que es pequeño pero legible para una nota al pie. Convertir primero, antes de diseñar, evita descubrir el problema de tamaño en la impresora.
El diseño de pantalla tiene su propia trampa: las unidades relativas. Las páginas web a menudo establecen el texto en unidades em o rem, que escalan con el tamaño base de fuente, así que un titular de 2 rem es el doble del tamaño base, sea cual sea la base. Eso es bueno para la accesibilidad, porque los lectores pueden agrandar el tamaño base, pero significa que el valor en píxeles cambia con los ajustes. Cuando necesites un tamaño de impresión desde una página web, busca primero el tamaño calculado en píxeles en las herramientas de desarrollo del navegador, luego conviértelo aquí, en vez de convertir el valor em directamente.
Usa este convertidor cuando el texto pase de la pantalla al papel: invitaciones, etiquetas, carteles, hojas de trabajo o un documento que debe coincidir con un formulario impreso. Introduce el tamaño que tienes, en la unidad que tienes, y lee el tamaño que necesitas, en la unidad que la impresora necesita. Los tamaños de letra son números pequeños con grandes consecuencias para la legibilidad, y acertarlos antes de imprimir ahorra papel, tinta y la vergüenza de un cartel que nadie puede leer a dos metros.