Usa el Calculadora de Interlineado gratuito abajo: tus datos nunca salen de tu navegador, todo el trabajo ocurre en tu dispositivo y no se sube a ningún servidor.
Qué es el interlineado
El interlineado es la distancia vertical de una línea de texto a la siguiente. Suele escribirse como una proporción del tamaño de fuente: una proporción de 1,5 sobre un texto de 16 píxeles da un interlineado de 24 píxeles. La Calculadora de Interlineado de arriba convierte esa proporción en píxeles, puntos y unidades relativas para cualquier tamaño de fuente, y muestra una vista previa en vivo, para que puedas juzgar el espaciado con los ojos además de con los números.
El interlineado controla el aire. Demasiado prieto y las líneas se apelotonan: los ascendentes y descendentes casi se tocan y al ojo del lector le cuesta separar una línea de la siguiente. Demasiado suelto y las líneas se alejan hasta que el párrafo deja de parecer un bloque conectado y empieza a parecer una lista de líneas separadas. El valor correcto queda entre esos extremos, y depende de la fuente, de la longitud de línea y del contexto de lectura.
Cómo usar la calculadora
Introduce tu tamaño de fuente en píxeles y tu proporción de interlineado. Una proporción de 1 significa que las líneas quedan separadas exactamente un tamaño de fuente, lo que casi siempre es demasiado prieto para leer. El texto de cuerpo suele funcionar entre 1,4 y 1,7. Los titulares suelen usar proporciones más prietas, alrededor de 1,1 a 1,3, porque son cortos y su mayor tamaño ya les da presencia. Pulsa Calcular y lee el interlineado en píxeles, puntos y unidades relativas, y luego revisa el párrafo de vista previa.
La matemática es directa: el interlineado en píxeles equivale al tamaño de fuente multiplicado por la proporción, y los puntos equivalen a los píxeles multiplicados por 0,75. El valor relativo, sin unidad, es la propia proporción, y es la forma que prefieren la mayoría de las hojas de estilos, porque escala de forma automática cuando cambia el tamaño de fuente. Si fijas un interlineado en píxeles y luego cambias el tamaño de fuente, el espaciado no seguirá; una proporción sin unidad siempre sigue.
Un ejemplo práctico
Un texto de cuerpo a 16 píxeles con una proporción de 1,5 da un interlineado de 24 píxeles, o 18 puntos. Ese es un valor por defecto cómodo para artículos en pantalla. El mismo texto con una proporción de 1,2 da 19,2 píxeles, lo que resulta prieto para una lectura larga, pero aceptable para una interfaz de usuario compacta. Un titular a 32 píxeles con una proporción de 1,1 da 35,2 píxeles: prieto, pero los titulares son cortos, así que la estrechez se lee como seguridad en lugar de agobio. Un pie de foto a 12 píxeles con una proporción de 1,6 da 19,2 píxeles, generoso para su tamaño, lo que ayuda a que el texto pequeño siga siendo legible.
Ajustar el interlineado a la longitud de línea
Las líneas largas necesitan un interlineado mayor. Cuando una línea tiene 70 caracteres, el ojo del lector recorre un largo camino de vuelta a la línea siguiente, y el espacio vertical extra facilita acertar al volver. Las líneas cortas necesitan menos: una columna estrecha con 45 caracteres por línea se lee bien con una proporción menor, porque el ojo apenas se mueve en horizontal. Si ensanchas una columna, sube un poco el interlineado. Si la estrechas, puedes bajar ligeramente la proporción sin dañar la comodidad.
La elección de la fuente también importa. Las fuentes con ascendentes altos, descendentes largos o una altura x grande necesitan más interlineado que las fuentes compactas al mismo tamaño, porque sus formas se acercan más a las líneas vecinas. Una fuente con un espaciado interno generoso puede verse bien a 1,4, mientras que una fuente densa necesita 1,6 para la misma comodidad. Prueba cada fuente con sus ajustes reales en lugar de copiar una proporción de otro proyecto.
El interlineado en los diseños
El interlineado también marca el ritmo vertical: la forma en que los bloques de texto, los titulares, las imágenes y los espacios se alinean página abajo. Cuando el interlineado del cuerpo es un número constante, como 24 píxeles, y los titulares y los márgenes son múltiplos de él, la página se siente ordenada y tranquila. Cuando cada elemento usa un espaciado sin relación, la página se siente inquieta aunque ningún elemento aislado parezca incorrecto. Elegir un interlineado base y construir el espaciado del diseño a partir de él es una de las formas más baratas de hacer que una página parezca diseñada.
Errores frecuentes
El error más frecuente es copiar un interlineado de una herramienta de diseño sin revisarlo al tamaño de lectura. Una proporción que parece correcta en una vista previa grande puede resultar prieta a 14 píxeles en un teléfono. Otro error es fijar el interlineado en píxeles fijos para un sitio adaptable: cuando la fuente crece en pantallas mayores, el interlineado fijo se queda quieto y el texto se apelotona. Usa proporciones sin unidad para el texto de cuerpo, reserva los valores fijos para elementos cuyo tamaño nunca cambia y prueba en la pantalla más pequeña que usen tus lectores.
Las cifras tipográficas se calculan a partir del tamaño de fuente introducido, y la representación real varía según la fuente. Usa la calculadora para conversiones exactas, revisa la vista previa con tu fuente real y confirma la proporción leyendo un párrafo completo al tamaño final.
Herramientas relacionadas
- Line Height Calculator (English version)
- Calculadora de Columnas para Rejilla de Impresión
- Calculadora de Rejilla de Línea Base