ThumbProof
Usa de tres a cinco palabras como máximo, y a menudo menos. En un lienzo de 1280×720, haz que la palabra importante más pequeña mida al menos 90–110 píxeles de alto en una sans serif sencilla y en negrita, con una relación de contraste de 4,5:1 o más frente a su fondo. Coloca el texto en la parte superior o izquierda del encuadre, lejos de la esquina inferior derecha donde va la etiqueta de duración, y comprueba que se lee a 168×94 antes de publicar.
Por qué funcionan mejor menos palabras
Un espectador que recorre un feed dedica a cada miniatura una fracción de segundo. En ese tiempo la gente asimila una cara, una forma y una o dos palabras, no una frase. El texto que repite el título desperdicia el espacio; el texto que añade una cifra, un resultado o un giro da al espectador un segundo motivo para hacer clic.
También hay un problema de tamaño. Cada palabra extra hace más pequeñas todas las demás, porque el ancho del encuadre es fijo. Pasar de tres palabras a siete reduce aproximadamente a la mitad la altura de letra que te puedes permitir, y en la barra lateral esa es la diferencia entre legible e invisible.
Tamaño del texto: la regla de 168×94
En la barra lateral, una miniatura de 1280×720 se reduce a alrededor del 13 % de su ancho. Un texto de 100 píxeles de alto en el lienzo pasa a medir unos 13 píxeles en pantalla, más o menos el tamaño del texto normal de la interfaz. Por debajo de unos 9–10 píxeles de pantalla, la mayoría de la gente no puede leer las letras de un vistazo.
| Altura de letra en lienzo de 1280×720 | A 360×202 | A 168×94 | ¿Legible de un vistazo? |
|---|---|---|---|
| 40 px | 11 px | 5 px | No |
| 70 px | 20 px | 9 px | A duras penas |
| 100 px | 28 px | 13 px | Sí |
| 140 px | 39 px | 18 px | Sí, sin esfuerzo |
Son alturas de mayúscula de letras en negrita. Si tu fuente tiene una altura de x pequeña o trazos finos, añade un 20 % por seguridad.
Cuántas palabras caben a un tamaño legible
Con letras de al menos 100 píxeles de alto y un espaciado normal, un lienzo de 1280 píxeles de ancho admite unos 10–14 caracteres por línea una vez que dejas márgenes y mantienes despejado el lado derecho. Dos líneas de texto grande es el máximo práctico antes de que la propia imagen se quede sin espacio.
| Palabras | Diseño típico | Funciona para |
|---|---|---|
| 1 | Una palabra o cifra enorme | Resultados, reacciones, cifras («0 €», «¿POR QUÉ?») |
| 2–3 | Una línea, grande | La mayoría de los vídeos |
| 4–5 | Dos líneas, grande | Comparaciones, afirmaciones cortas |
| 6+ | Texto pequeño | Rara vez funciona; pásalo al título |
Fuentes que sobreviven a la reducción
Elige pesos bold o black de tipografías sans serif sencillas con formas abiertas y una altura de x grande. Evita los pesos finos, las fuentes condensadas con contraformas cerradas, las caligráficas decorativas y los contornos sin relleno. Letras como la e, la a y la s son las primeras en cerrarse al reducir una imagen; las fuentes con contraformas abiertas las mantienen legibles más tiempo.
Usa un trazo o una sombra para separar el texto de una imagen recargada. Un contorno oscuro de alrededor del 6–10 % de la altura de la letra funciona en la mayoría de las fotos. Mantén un espaciado entre letras normal o ligeramente amplio; un espaciado apretado hace que las letras se fundan a tamaño pequeño.
- Peso bold o black
- Altura de x grande, contraformas abiertas
- Contorno del 6–10 % de la altura de la letra
- Espaciado normal o ligeramente amplio
Diseña texto legible para miniaturas en seis pasos
- 01
Decide qué aporta el texto
Escribe el único dato o giro que la imagen no puede mostrar. Si no lo hay, no pongas texto.
- 02
Recorta a cinco palabras o menos
Elimina artículos, relleno y todo lo que ya esté en el título.
- 03
Ponlo grande y en negrita
Haz que la palabra importante más pequeña mida al menos 100 px de alto en un lienzo de 1280×720.
- 04
Añade separación
Usa un contorno, una sombra o una caja hasta que el texto supere una prueba de contraste de 4,5:1.
- 05
Colócalo arriba a la izquierda
Mantenlo fuera del 22 % derecho y del 22 % inferior del encuadre.
- 06
Compruébalo a 168 píxeles
Abre el verificador de zona segura con 168 px de ancho y lee las palabras sin hacer zoom.
Dónde colocar el texto
Los espectadores que leen de izquierda a derecha tienden a explorar desde arriba a la izquierda, y los estudios de seguimiento ocular en páginas web muestran que la gente se fija en el inicio de las líneas y en el lado izquierdo del contenido. Por eso la parte superior izquierda y la superior central de la miniatura son buenos lugares para las palabras. La esquina inferior derecha es la peor, porque la etiqueta de duración la cubre en casi todas las superficies.
Deja un margen de unos 50 píxeles alrededor de los bordes en un lienzo de 1280×720 y mantén el texto fuera del 22 % derecho y del 22 % inferior del encuadre. No pongas texto sobre la cara del sujeto; colócalo al lado, en una zona de fondo tranquila.
| Zona | Idoneidad para el texto | Por qué |
|---|---|---|
| Arriba a la izquierda | La mejor | Se ve primero y nunca queda tapada |
| Arriba en el centro | Buena | Visible, pero puede chocar con el sujeto |
| Centro izquierda | Buena | Inicio natural de la lectura |
| Abajo a la izquierda | Aceptable | Cuidado con la barra de progreso |
| Abajo a la derecha | Evitar | La tapa la etiqueta de duración |
Texto en otros idiomas
Las palabras en alemán, francés y español suelen ser más largas que en inglés, así que un texto de tres palabras en inglés puede convertirse en dos líneas largas. El chino, el japonés y el coreano condensan mucho significado en pocos caracteres, pero los caracteres complejos necesitan aún más tamaño para seguir siendo legibles: apunta a 120 píxeles o más en el lienzo para caracteres con muchos trazos. Si localizas las miniaturas, vuelve a comprobar cada idioma a 168×94 en lugar de suponer que el diseño en inglés sigue cabiendo.
Cifras, símbolos y emojis en las miniaturas
Las cifras están entre las palabras más eficaces de una miniatura porque son cortas y concretas: «0 €», «30 DÍAS», «1 vs 100». Los dígitos en fuentes negritas son anchos y claros y sobreviven bien a la reducción. Mantén los símbolos de moneda y las unidades al mismo tamaño que los dígitos, o algo más pequeños, pero nunca diminutos.
Los símbolos como flechas, signos de interrogación y marcas de verificación pueden sustituir palabras, pero cada uno añade un elemento que compite por la atención. Usa uno como mucho. El editor representa los emojis como imágenes, así que se reducen como cualquier otro gráfico; un único emoji grande puede funcionar como reacción, pero varios pequeños se convierten en puntos de colores a 168×94.
- Mejor cifras que números escritos con letras
- Como mucho un símbolo o una flecha
- Un emoji grande, nunca una fila de emojis pequeños
Texto, título y accesibilidad
Los lectores de pantalla no pueden leer el texto de la imagen ni traducirlo automáticamente, y no se indexa como el título y la descripción. Es otro motivo para mantenerlo corto y poner las palabras importantes también en el título, de forma más completa. El texto de la miniatura debe ser un gancho; el título debe ser la afirmación clara y fácil de encontrar en búsquedas.
Piensa también en los espectadores con baja visión. Un texto grande, con mucho contraste y en una fuente sencilla ayuda a todos, no solo a quienes usan ajustes de accesibilidad. Si tu público ve los vídeos en el televisor, recuerda que la miniatura se ve a tres metros de distancia; un texto legible a 168×94 en un móvil suele serlo también en un televisor.
| Dónde van las palabras | Propósito | Longitud |
|---|---|---|
| Texto de la miniatura | Gancho: una cifra, un resultado o un giro | 1–5 palabras |
| Título | Afirmación clara y fácil de buscar | Gancho en los primeros 40 caracteres |
| Descripción | Contexto y palabras clave | Las 1–2 primeras frases son las que más importan |
Ejemplo práctico: de nueve palabras a tres
El primer borrador de un analista de tecnología dice «USÉ ESTE PORTÁTIL BARATO DURANTE 30 DÍAS» en la parte inferior del encuadre, a 64 píxeles para que quepa. A 168×94 las letras miden 8 píxeles de alto y las dos últimas palabras quedan bajo la etiqueta de duración.
El segundo borrador pasa la afirmación al título y deja «30 DÍAS DESPUÉS» arriba a la izquierda a 130 píxeles con un contorno oscuro. En la barra lateral las letras miden 17 píxeles, la esquina está despejada y la comprobación de texto de la auditoría se pone en verde.
| Borrador | Palabras | Altura de letra (lienzo) | A 168×94 | Esquina |
|---|---|---|---|---|
| Primero | 9 | 64 px | 8 px | Tapada |
| Segundo | 3 | 130 px | 17 px | Despejada |
Errores comunes con el texto de las miniaturas
Escribir una frase
El texto largo se hace pequeño y repite el título. Quédate en tres a cinco palabras.
Fuentes finas o caligráficas
Se desintegran al reducirse. Usa una sans serif en negrita.
Texto bajo la etiqueta
La esquina inferior derecha queda tapada. Mueve el texto hacia arriba y a la izquierda.
Sin contorno sobre fotos
El texto sin separación suspende el contraste en las zonas recargadas.
Texto sobre la cara
Oculta la expresión, el elemento más fuerte. Colócalo al lado de la cara.
No revisar las traducciones
Las palabras más largas de otros idiomas rompen el diseño. Prueba cada versión.
Tamaño, resolución, límites de archivo y zonas seguras de las miniaturas de vídeo
Checklist de miniaturas con alto CTR: 7 principios visuales que llaman la atención
Corte del título por dispositivo: anchos en píxeles, no número de caracteres
Color y contraste en miniaturas: destacar en feeds oscuros y claros
Caras y punto focal: haz que una sola cosa sea imposible de pasar por alto