ThumbProof
Una miniatura llama la atención cuando supera siete comprobaciones: un punto focal claro, un contraste fuerte entre claros y oscuros, una cara u objeto legible a 168×94, tres a cinco palabras como máximo, un color que la separe del feed, nada importante bajo la etiqueta de duración y un título que aporte información en lugar de repetir la imagen. Prueba cada una a tamaño de feed, no a tamaño completo, y compara las versiones a ciegas antes de publicar.
Qué mide la tasa de clics y qué no
La tasa de clics es la proporción de impresiones de la miniatura que se convierten en visualizaciones. Depende del público, del tema, del título y del lugar donde se muestra el vídeo, así que no existe una cifra «buena» universal; la misma miniatura puede obtener tasas muy distintas en el feed de inicio y en la búsqueda. Lo que controla una miniatura es el primer medio segundo: si la mirada se detiene en ella y si el espectador entiende de qué trata el vídeo.
Por eso esta checklist trata de visibilidad y claridad, no de trucos. Un diseño fácil de ver y de entender a tamaño pequeño da al título y al tema una oportunidad justa. Un diseño recargado y con poco contraste pierde antes de que el espectador haya leído una palabra. Las pruebas de las plataformas también premian el largo plazo: los experimentos de miniaturas se juzgan por la cuota de tiempo de visualización, no solo por los clics, así que una imagen engañosa que gana clics y pierde espectadores no ayuda.
“Las buenas miniaturas cumplen una función importante más allá de conseguir que los espectadores hagan clic.”
Test & compare thumbnails — video platform help center · cita traducida del inglés
Los 7 principios de un vistazo
Usa la tabla como checklist antes de subir. Cada fila tiene una prueba que puedes hacer en ThumbProof o en tu editor y una condición de aprobado. Si una versión suspende dos filas o más, arréglala antes de dedicar tiempo a una prueba A/B.
| # | Principio | Prueba | Condición de aprobado |
|---|---|---|---|
| 1 | Un punto focal | Prueba de desenfoque | Una forma sigue destacando |
| 2 | Contraste fuerte | Escala de grises + auditoría | Contraste RMS ≥ 0,20 |
| 3 | Sujeto legible | Ver a 168×94 | Cara u objeto reconocible |
| 4 | Pocas palabras | Contar palabras | 3–5 palabras, ≥ 90 px de alto |
| 5 | Separación de color | Feed oscuro y claro | Destaca en ambos |
| 6 | Esquina despejada | Zona segura superpuesta | Nada bajo la etiqueta |
| 7 | Combinación con el título | Leer título + imagen | El título aporta información nueva |
1. Un punto focal
La mirada necesita un lugar donde posarse. Las miniaturas con tres caras, dos objetos y un titular dividen la atención y se leen como ruido a tamaño pequeño. Elige el elemento más importante, normalmente una cara con una expresión clara o el objeto del que trata el vídeo, y hazlo grande, idealmente ocupando entre el 25 y el 45 % del encuadre.
La prueba de desenfoque lo hace objetivo: desenfoca la imagen hasta que desaparezcan los detalles. Si una forma sigue resaltando, tienes un punto focal. Si todo se funde en una masa gris, simplifica. Los estudios de seguimiento ocular en páginas web muestran que la gente explora con fijaciones rápidas y se salta lo que no destaca, y un feed abarrotado es el caso extremo.
2. Contraste fuerte entre claros y oscuros
El contraste es lo que sobrevive al reducir el tamaño. Las diferencias de color se apagan a tamaños pequeños y en pantallas baratas, pero lo claro sobre lo oscuro sigue viéndose. La auditoría de ThumbProof mide el contraste RMS sobre una versión en luminancia de tu imagen: por debajo de 0,12 el diseño se ve plano, entre 0,12 y 0,20 es moderado y 0,20 o más es fuerte.
Para el texto sobre la imagen, toma prestada la regla de accesibilidad del texto web: apunta a al menos 4,5:1 entre el texto y su fondo. Un contorno oscuro grueso o una sombra suave detrás del texto claro es la forma más rápida de conseguirlo sobre una foto recargada.
Aplica la checklist en cinco minutos
- 01
Carga tus versiones
Suelta hasta cuatro exportaciones en la vista previa del feed, cada una con su propio título.
- 02
Desenfoque y escala de grises
Activa el filtro de desenfoque y luego la escala de grises. Anota qué versiones mantienen un punto focal claro.
- 03
Cambia a la vista de barra lateral
Comprueba que el sujeto y las palabras se leen a 168×94.
- 04
Alterna oscuro y claro
Asegúrate de que cada versión se separa de las miniaturas de alrededor en ambos temas.
- 05
Lee el desglose de la auditoría
Abre el desglose por dimensiones y arregla las filas en rojo: contraste, nitidez, esquina, texto.
- 06
Prueba a ciegas las supervivientes
Haz cinco rondas a ciegas con las versiones que aprueben para ver cuál detectas primero.
3. Un sujeto legible a 168×94
Las caras funcionan porque las reconocemos rápido, pero solo si son grandes. Una cara que ocupa menos de aproximadamente el 4 % del encuadre se convierte en unos pocos píxeles en la barra lateral. Recorta de cerca, muestra la expresión con claridad y asegúrate de que los ojos y la boca contrastan con la piel y el fondo.
Si el vídeo no tiene cara, la misma regla se aplica al producto, al resultado o al antes y después. Muestra un objeto, grande, desde un ángulo que haga evidente su forma.
4. De tres a cinco palabras, en grande
El texto de la miniatura debe aportar algo que la imagen no puede decir, como una cifra, un resultado o un giro. Más de cinco palabras suele significar que el texto repite el título o se vuelve demasiado pequeño para leerse. En un lienzo de 1280×720, la palabra importante más pequeña debe medir al menos 90–110 píxeles de alto en un peso negrita.
Evita colocar texto donde la interfaz dibuja encima y evita las fuentes caligráficas finas. Si tú no puedes leer las palabras a 168×94, los espectadores que ven una lista lateral en el móvil tampoco.
5–7. Color, esquina y título
Separación de color: previsualiza la miniatura en un feed oscuro y en uno claro. Un diseño construido sobre un fondo casi negro puede desaparecer en modo oscuro; un diseño pálido puede desaparecer en modo claro. Un único color de acento saturado y poco común en tu nicho suele ayudar más que un arcoíris.
Esquina despejada: la etiqueta de duración cubre la esquina inferior derecha. Mantén el texto, las caras y los logotipos fuera del 22 % derecho y del 22 % inferior del encuadre. Combinación con el título: el título y la miniatura deben funcionar como pareja, cada uno con información diferente. Si la imagen muestra el resultado, deja que el título nombre el método; si el título plantea una pregunta, deja que la imagen insinúe la respuesta.
- Previsualiza en feeds oscuros y claros
- Mantén despejada la esquina de la etiqueta
- El título y la imagen aportan información distinta
Cómo puntuar una versión con la checklist
Da a cada principio un punto cuando la versión lo cumple y cero cuando no. Las versiones con 6 o 7 puntos están listas para una prueba a ciegas. Las versiones con 4 o 5 puntos suelen tener un problema que se puede arreglar, casi siempre texto pequeño o una esquina recargada. Las versiones con 3 puntos o menos necesitan un concepto nuevo, no retoques.
Guarda las puntuaciones de tus miniaturas publicadas junto a sus resultados reales. Tras diez o veinte vídeos verás qué principios importan más para tu público y podrás ponderarlos en consecuencia. Así una checklist genérica se convierte en tu propio sistema de diseño.
| Puntuación | Significado | Siguiente paso |
|---|---|---|
| 6–7 | Lista | Prueba a ciegas contra tu mejor alternativa |
| 4–5 | Una debilidad clara | Arregla la fila suspendida y repite la auditoría |
| 0–3 | Problema de concepto | Replantea el sujeto y el diseño |
Ejemplo práctico: dos versiones de una miniatura de cocina
La versión A muestra un cuenco de ramen desde arriba con las palabras «RAMEN EN 10 MIN MEJOR QUE EL DE PEDIR» en letras blancas finas en la parte inferior. La versión B muestra el mismo cuenco en ángulo, con vapor visible, y «10 MIN» en letras amarillas grandes arriba a la izquierda con un contorno oscuro.
En la checklist, A suspende tres filas: las seis palabras son demasiado pequeñas a 168×94, el texto queda en parte bajo la etiqueta y el contraste RMS es 0,14. B aprueba las siete. En una prueba a ciegas de cinco rondas, el creador detectó B primero en cuatro rondas, con una media de 0,8 segundos frente a 1,4 segundos para A.
| Comprobación | Versión A | Versión B |
|---|---|---|
| Punto focal (desenfoque) | Aprueba | Aprueba |
| Contraste RMS | 0,14 (moderado) | 0,23 (fuerte) |
| Palabras en la imagen | 6, finas | 2, en negrita |
| Esquina despejada | No | Sí |
| Elecciones a ciegas (de 5) | 1 | 4 |
Errores comunes que perjudican la visibilidad
Copiar el título en la imagen
Repetir el título desperdicia el espacio. Aporta información nueva.
Demasiados elementos
Tres caras, flechas y un logotipo compiten entre sí. Quédate con un sujeto y como mucho un elemento de apoyo.
Juzgar en un monitor grande
Tu editor muestra 1280 píxeles; los espectadores ven entre 168 y 360. Prueba siempre en pequeño.
Combinaciones de color con poco contraste
Dos colores saturados con el mismo brillo se mezclan. Compruébalo en escala de grises.
Imágenes engañosas
El clickbait que el vídeo no cumple pierde tiempo de visualización, que es lo que premian las pruebas de la plataforma.
Cambiarlo todo a la vez
Al comparar versiones, cambia una sola variable para saber qué marcó la diferencia.
Tamaño, resolución, límites de archivo y zonas seguras de las miniaturas de vídeo
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
Texto en miniaturas: cuántas palabras, qué tamaño y dónde ponerlas
Caras y punto focal: haz que una sola cosa sea imposible de pasar por alto