ThumbProof
Dale a cada miniatura un punto focal que ocupe aproximadamente entre el 25 y el 45 % del encuadre. Si es una cara, recorta de cerca para que ocupe al menos el 10–15 % de la imagen, muestra una sola expresión clara y mantén un buen contraste alrededor de los ojos y la boca. Colócala en el tercio izquierdo o central, lejos de la esquina inferior derecha, y confirma con una prueba de desenfoque y un mapa de calor de detalle que es lo primero que encuentra la mirada.
Por qué importa un único punto focal
Un feed es una cuadrícula de imágenes que compiten entre sí. La mirada salta entre ellas con fijaciones rápidas y solo se detiene donde algo destaca con claridad. Una miniatura con una forma dominante le da a la mirada un punto de aterrizaje; una miniatura con cinco elementos iguales no le da nada a lo que agarrarse, así que sigue de largo.
Los estudios sobre cómo exploramos las páginas web describen este patrón: la gente no lee todos los elementos, busca señales y se salta el resto. A 168×94 píxeles el efecto es más fuerte, porque los detalles pequeños desaparecen y solo queda la forma más grande y con más contraste.
“Los usuarios suelen leer las páginas web siguiendo un patrón en forma de F”
F-Shaped Pattern of Reading on the Web — Nielsen Norman Group · cita traducida del inglés
Qué tamaño debe tener la cara o el sujeto
El tamaño es el factor más importante. Una cara que ocupa el 3 % del encuadre se queda en unos pocos píxeles de ancho en la barra lateral, demasiado pequeña para leer una expresión. ThumbProof avisa cuando las caras detectadas ocupan menos del 4 % del encuadre y considera que una región más cargada de entre el 5 y el 60 % es un sujeto principal saludable.
| Área de la cara (proporción del encuadre) | A 168×94 | ¿Expresión legible? | Veredicto |
|---|---|---|---|
| < 4 % | Cara de ~12 px de ancho | No | Demasiado pequeña |
| 4–10 % | ~20 px de ancho | A veces | En el límite |
| 10–25 % | ~30–45 px de ancho | Sí | Bien |
| 25–45 % | ~45–60 px de ancho | Claramente | Fuerte |
| > 60 % | Llena la tarjeta | Sí, pero sin espacio para el contexto | Úsalo con cuidado |
Para un sujeto que no es una cara, como un producto, un plato o un resultado, los mismos rangos se aplican a la silueta del objeto.
Expresiones que se leen a tamaño pequeño
Las expresiones sutiles desaparecen cuando se reduce una imagen. Los ojos muy abiertos, la boca abierta, las cejas levantadas y una inclinación marcada de la cabeza sobreviven; una ligera sonrisa o una mirada pensativa no. Eso no significa que toda miniatura necesite una cara exagerada, pero la expresión debe leerse en la barra lateral y encajar con el tono del vídeo.
La luz importa tanto como la expresión. Graba o edita para que la cara sea más luminosa que el fondo, con sombras claras que definan los ojos y la boca. La luz plana y frontal hace que las caras parezcan óvalos vacíos cuando son pequeñas.
- Ojos y boca claros
- Cara más luminosa que el fondo
- La expresión encaja con el tono del vídeo
- Una cara es más fuerte que tres
Colocación: tercios, mirada y la esquina
Coloca el punto focal en el tercio izquierdo o central del encuadre. Así queda lejos de la etiqueta de duración de la esquina inferior derecha y deja la parte superior para dos o tres palabras. Si la persona mira hacia algo (un objeto, el texto, un resultado), la mirada del espectador tiende a seguirla, así que orienta al sujeto hacia dentro del encuadre y no hacia fuera.
Evita poner la cara en la parte más baja, donde la barra de progreso y las esquinas redondeadas la cortan, y evita colocar texto sobre los ojos o la boca.
| Posición | Buena para | Ojo con |
|---|---|---|
| Tercio izquierdo | Cara + texto arriba a la derecha | Mantén el texto fuera de la esquina de la etiqueta |
| Centro | Un solo objeto, simetría | El texto debe ir arriba o abajo |
| Tercio derecho | Lectura del texto hacia la cara | La cara puede chocar con la etiqueta |
Crea y comprueba un punto focal en cinco pasos
- 01
Elige el sujeto
Escoge la cara, el objeto o el resultado que cuenta la historia del vídeo.
- 02
Recorta de cerca
Escálalo hasta que ocupe el 25–45 % del encuadre; en el caso de las caras, al menos el 10–15 %.
- 03
Ilumina y separa
Haz que el sujeto sea más luminoso que el fondo y añade un borde o una luz de contorno.
- 04
Colócalo en un tercio
A la izquierda o en el centro, mirando hacia dentro del encuadre y lejos de la esquina inferior derecha.
- 05
Verifica
Haz la prueba de desenfoque, abre el mapa de calor de detalle y lee la fila del sujeto en el desglose de la auditoría.
Cómo detecta ThumbProof las caras y los sujetos
Algunos navegadores ofrecen un detector de caras integrado a través de la Shape Detection API. Cuando está disponible, ThumbProof lo usa localmente para contar caras y medir cuánto del encuadre ocupan. Cuando no lo está, la herramienta estima el sujeto principal a partir de la densidad de bordes: divide la imagen en una cuadrícula de 16×9, encuentra la mayor zona conectada con mucho detalle e indica su proporción del encuadre.
Ambos métodos se ejecutan por completo en tu navegador; ninguna imagen se envía a ningún sitio. La estimación es una guía, no un veredicto. Un fondo recargado puede parecer un sujeto grande para un detector de bordes, y por eso es útil la vista del mapa de calor: muestra exactamente dónde está el detalle.
Cuando no hay cara
Muchas miniaturas potentes no tienen ninguna persona: un producto terminado, un antes y después espectacular, un mapa, un gráfico con una cifra llamativa. La regla es la misma (un sujeto, grande y con contraste), pero tienes que crear la emoción con la composición, el color y las palabras en lugar de con una expresión. Un antes y después dividido funciona mejor cuando la diferencia se ve en escala de grises a 168×94.
Elementos de apoyo sin perder el foco
Un único punto focal no significa un único elemento. La mayoría de las miniaturas potentes tienen un sujeto dominante más un elemento de apoyo: una palabra, un objeto, una flecha o una segunda cara más pequeña. El elemento de apoyo debe ser claramente más pequeño, entre un tercio y la mitad del tamaño del sujeto principal, y debe remitir a él mediante la mirada, la posición o el color.
El fondo también importa. Un fondo desenfocado u oscurecido empuja el sujeto hacia delante; un fondo nítido y detallado compite con él. Si grabas tu propio material, usa una apertura amplia o añade desenfoque en la edición, y baja el brillo del fondo un 20–40 % respecto al sujeto.
| Elemento | Tamaño relativo | Función |
|---|---|---|
| Sujeto principal | 100 % | Donde aterriza primero la mirada |
| Elemento de apoyo | 30–50 % | Añade contexto o un giro |
| Fondo | Suave, más oscuro | Enmarca sin competir |
Coherencia en una serie
Si publicas una serie o un formato habitual, reutiliza la composición: el mismo lado para la cara, la misma posición para el texto, el mismo color de acento. Los espectadores que vuelven aprenden el patrón y reconocen tus vídeos más rápido en un feed abarrotado. Cambia la expresión, el objeto y las palabras de un vídeo a otro, pero mantén el esqueleto.
Al mismo tiempo, evita usar una y otra vez la misma toma de la cara. Si todas las miniaturas muestran la misma expresión de sorpresa, los espectadores dejan de verla como una señal. Graba varias expresiones en cada sesión y elige la que encaje con la historia de cada vídeo.
- El mismo esqueleto de diseño para una serie
- Varía expresiones y objetos
- Graba varias opciones por vídeo
Ejemplo práctico: foto de grupo frente a primer plano
La miniatura de un vlog muestra a cuatro amigos en una playa, pequeños en el encuadre, con una puesta de sol detrás. Cada cara ocupa alrededor del 1 % del encuadre. El mapa de calor muestra el detalle repartido de forma uniforme por el horizonte y la estimación del sujeto indica un 68 %, lo que significa que no hay un único punto focal.
El rediseño recorta a uno de los amigos riendo, con la cara ocupando el 18 % del encuadre, colocado a la izquierda y con la puesta de sol como fondo suave. La estimación del sujeto baja al 31 % y la cara se lee en la barra lateral.
| Medida | Foto de grupo | Primer plano |
|---|---|---|
| Cara más grande | ~1 % del encuadre | 18 % del encuadre |
| Estimación del sujeto | 68 % (disperso) | 31 % (claro) |
| Prueba de desenfoque | Sin forma clara | La cara destaca |
| Legible a 168×94 | No | Sí |
Errores comunes con el punto focal
Caras demasiado pequeñas
Los planos generales se ven genial a tamaño completo e ilegibles en el feed.
Varios sujetos iguales
Tres caras del mismo tamaño dividen la atención. Haz que una domine.
Texto sobre la cara
Oculta el elemento más legible. Pon el texto al lado.
Cara en la esquina de la etiqueta
La etiqueta de duración puede tapar la barbilla o los ojos.
Iluminación plana
Sin sombras, la cara se convierte en una forma vacía a tamaño pequeño.
Expresiones que no encajan
Una cara de asombro en un tutorial tranquilo crea una expectativa equivocada.
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
Texto en miniaturas: cuántas palabras, qué tamaño y dónde ponerlas