¿Qué tamaño debe tener el texto de una miniatura?

La respuesta corta

En un lienzo de 1280 × 720, haz que el texto más pequeño que quieras que se lea mida al menos 72 píxeles de alto, una décima parte de la altura del encuadre. Noventa píxeles es cómodo. Por debajo de unos 48 píxeles, el texto deja de ser texto y pasa a ser textura.

Esos números no son una preferencia de estilo. Salen del sitio más pequeño en el que se muestra tu miniatura, y la aritmética que viene después es todo el argumento. Los propios consejos de miniatura y título de YouTube llegan hasta «que el texto sea grande»; todo lo de abajo es lo que pasa cuando preguntas cuánto.

Dónde se muestra de verdad tu miniatura

Una miniatura se dibuja a 1280 píxeles de ancho y se muestra a cualquier cosa menos eso. Estos son los anchos a los que la representa la herramienta de vista previa, ajustados a los diseños que usa YouTube:

Dos grupos, y para esta pregunta solo importa uno. Las superficies de navegación quedan cerca del 28% de tu lienzo. Las listas de sugeridos — donde quien ya está viendo algo decide qué ver después — quedan en el 12,5%. Todas las reglas de abajo las fija ese segundo número, porque el texto que sobrevive ahí sobrevive en todas partes.

Qué le hace eso a tu titular

Multiplica la altura de tu texto por esos dos porcentajes y la pregunta se contesta sola.

Nueve píxeles es más o menos donde una palabra corta en un grosor fuerte deja de ser legible y empieza a ser adivinable. Seis es donde deja de ser ninguna de las dos. Ahí está toda la razón de que la respuesta sea 72 y no 48: a 48 tu texto parece generoso en el lienzo y en la columna de sugeridos ha desaparecido.

Lo que sobrevive de verdad es el grosor del trazo

La altura es el número que todo el mundo pregunta, pero no es la propiedad que falla primero. La primera que falla es el grosor del trazo, es decir, el grueso de las líneas con las que están hechas las letras.

Al 12,5%, un trazo que en tu archivo mide 8 píxeles llega a un píxel en pantalla. Un grosor light o thin, cuyos trazos a ese tamaño serán de 4 o 5 píxeles, llega a medio píxel, se promedia con lo que tiene detrás y se vuelve gris. Por eso un grosor fuerte a 72 píxeles gana habitualmente a uno ligero a 96: no es más ruidoso, es que sigue estando ahí.

Versión práctica: usa el grosor más fuerte de tu tipografía que aún parezca esa tipografía, y trata los 8 píxeles de trazo como un mínimo igual que tratas los 72 píxeles de altura.

Cuántas palabras caben, en números

El número de palabras no es una pregunta aparte del tamaño: se intercambian en la misma línea, y el intercambio se calcula.

Un carácter en mayúscula y negrita ocupa de ancho unos seis décimos de su altura. A 72 píxeles son unos 43 píxeles por carácter. El ancho utilizable no es 1280 entero sino la parte que sobrevive a las zonas seguras, digamos 1024. Divide y salen unos 23 caracteres en una línea.

Veintitrés caracteres son tres palabras cortas, o dos largas. Ese es el límite real, y por eso el consejo de mantener el texto de la miniatura en tres o cuatro palabras sigue siendo acertado: no es una regla sobre la atención, es lo que cabe a un tamaño legible.

También explica por qué una palabra larga sale cara. Una sola palabra de doce caracteres se come media línea, y la reacción habitual — reducirla para que quepa — es justo el movimiento que empuja todo el titular por debajo del suelo de legibilidad.

Una línea o dos

El límite de 23 caracteres es por línea, no por miniatura, así que una segunda línea es la manera honesta de meter cinco o seis palabras sin reducir nada. Cuesta espacio vertical, y de eso hay de sobra: dos líneas de 72 píxeles más interlineado son unos 160 píxeles, poco más de una quinta parte de la altura.

Lo que cuesta de verdad es el orden de lectura. Una línea se capta como una sola forma; dos líneas se leen, en secuencia, y leer lleva un tiempo que quien recorre un feed no gasta. Una segunda línea se gana su sitio cuando lleva una idea de verdad distinta: un planteamiento y un remate, un sujeto y una cifra. No se lo gana cuando es la misma frase partida para que quepa.

Si te ves necesitando tres líneas, el problema es el texto y no la tipografía. Tres líneas a un tamaño legible llenan medio encuadre, no dejan sitio a la imagen que esas palabras deberían estar etiquetando, y se ojearán en lugar de leerse.

Contornos y sombras, y cuándo se vuelven en tu contra

Un contorno sirve para separar las letras de un fondo que las está compitiendo, y a tamaños pequeños hace además otra cosa: engrosa el trazo, que es justo lo que la reducción estaba quitando.

Deja de ayudar cuando se vuelve tan grueso que cierra los ojales, es decir, los espacios cerrados de la a, la e, la o y el hueco de la r. Cuando esos se rellenan, la palabra se convierte en una fila de manchas, y a 9 píxeles una fila de manchas es ilegible de una forma en que un texto fino al menos no lo es. El fallo es invisible al 100% de zoom, que es donde se suelen elegir los contornos.

La sombra es la herramienta más suave para el mismo trabajo, porque añade separación sin añadir a la letra. Si el fondo está tan cargado que ninguna de las dos basta, la respuesta no es un contorno más grueso: es oscurecer o desenfocar la zona detrás del texto, que no cuesta nada a ningún tamaño.

El color deja de funcionar antes que el tamaño

A nueve píxeles, el contraste de tono no es contraste. Un texto rojo sobre fondo azul parece vivo en tu lienzo y se lee como un único valor embarrado en cuanto los dos se promedian en unos pocos píxeles cada uno.

Lo que sobrevive es el contraste de luminosidad: claro sobre oscuro, oscuro sobre claro. Una comprobación útil es mirar el diseño en escala de grises: si el texto desaparece al quitar el color, se estaba apoyando en el color, y el color es lo primero que se lleva la escala.

La comprobación que sustituye a la aritmética

Todo esto es un sustituto de una sola cosa: mirar el diseño al tamaño al que se va a leer. La aritmética sirve porque te dice por dónde empezar, pero la única prueba fiable es ver la miniatura dentro de un feed, junto a otras miniaturas, al 13%.

Además pilla lo que la aritmética no puede. Un titular puede cumplir todos los números de esta página y perder igual porque la miniatura de al lado está haciendo lo mismo con más claridad. Meter tu diseño en un feed real a tamaño real cuesta cosa de un minuto con la herramienta de vista previa, y los fallos que enseña son los que iban a ocurrir delante de una audiencia.

Los dos errores que causan casi todo esto

Los dos son hábitos del editor más que juicios de diseño.

El primero es diseñar al 100% de zoom. A tamaño completo, un texto de 72 píxeles parece enorme y la tentación es reducirlo y añadir una segunda línea. Cada decisión tomada a ese nivel de zoom se toma a un tamaño que ningún espectador verá jamás.

El segundo es escribir el título dentro de la miniatura. En una tarjeta del feed el título va justo al lado o debajo de la imagen, a un tamaño que la interfaz garantiza legible. Repetirlo en la miniatura gasta la zona más cara del encuadre en duplicar algo que el espectador ya está leyendo — y suele ser lo que empujó el texto a un tamaño ilegible en primer lugar. Hay más sobre cómo funciona la pareja en la guía sobre el CTR.

Los Shorts son más estrechos, así que el límite es menor

Un encuadre vertical te da más altura y menos anchura, y el texto está limitado por la anchura. La misma línea de 23 caracteres se queda en unos 13 en un 9:16 a la misma altura de mayúsculas: dos palabras cortas, no tres.

Las fichas verticales además se muestran pequeñas. Acorta las palabras en lugar de reducir la tipografía: la segunda opción es la que acaba ilegible. El encuadre y sus superficies están en la guía sobre miniaturas de Shorts.

Las preguntas que hace todo el mundo