ThumbProof
Dê a cada thumbnail um ponto focal que cubra cerca de 25–45% do quadro. Se for um rosto, corte bem fechado para que ele ocupe pelo menos 10–15% da imagem, mostre uma expressão clara e mantenha um bom contraste em volta dos olhos e da boca. Posicione no terço esquerdo ou central, longe do canto inferior direito, e confirme com o teste de desfoque e o mapa de calor de detalhes que ele é a primeira coisa que o olho encontra.
Por que um único ponto focal importa
Um feed é uma grade de imagens competindo entre si. O olho salta entre elas em fixações rápidas e só para onde algo se destaca claramente. Uma thumbnail com uma forma dominante dá ao olho um ponto de pouso; uma thumbnail com cinco elementos equivalentes não dá nada em que se segurar, então o olho segue em frente.
Estudos sobre como as pessoas varrem páginas web descrevem esse padrão: as pessoas não leem cada elemento, elas procuram sinais e pulam o resto. Em 168×94 pixels o efeito é mais forte, porque os detalhes pequenos somem e só sobra a forma maior e de maior contraste.
“Os usuários costumam ler páginas web em um padrão em forma de F”
F-Shaped Pattern of Reading on the Web — Nielsen Norman Group · citação traduzida do inglês
Que tamanho o rosto ou o tema deve ter
O tamanho é o fator mais importante. Um rosto que ocupa 3% do quadro vira poucos pixels de largura no tamanho da barra lateral, pequeno demais para ler uma expressão. O ThumbProof avisa quando os rostos detectados cobrem menos de 4% do quadro e considera saudável um tema principal cuja região mais carregada ocupe de 5 a 60%.
| Área do rosto (fração do quadro) | Em 168×94 | Expressão legível? | Veredito |
|---|---|---|---|
| < 4% | Rosto com ~12 px de largura | Não | Pequeno demais |
| 4–10% | ~20 px de largura | Às vezes | No limite |
| 10–25% | ~30–45 px de largura | Sim | Bom |
| 25–45% | ~45–60 px de largura | Claramente | Forte |
| > 60% | Preenche o card | Sim, mas sem espaço para contexto | Use com cuidado |
Para um tema que não é rosto, como um produto, um prato ou um resultado, as mesmas faixas valem para a silhueta do objeto.
Expressões que funcionam em tamanhos pequenos
Expressões sutis desaparecem quando a imagem é reduzida. Olhos bem abertos, boca aberta, sobrancelhas erguidas e uma inclinação forte da cabeça sobrevivem; um sorriso leve ou um olhar pensativo, não. Isso não quer dizer que toda thumbnail precise de um rosto exagerado, mas a expressão deve ser legível no tamanho da barra lateral e combinar com o tom do vídeo.
A luz importa tanto quanto a expressão. Fotografe ou edite para que o rosto fique mais claro que o fundo, com sombras nítidas que definam os olhos e a boca. Uma luz chapada e frontal faz os rostos parecerem ovais vazios quando ficam pequenos.
- Olhos e boca nítidos
- Rosto mais claro que o fundo
- Expressão combina com o tom do vídeo
- Um rosto é mais forte que três
Posição: terços, olhar e o canto
Coloque o ponto focal no terço esquerdo ou central do quadro. Isso o mantém longe do selo de duração no canto inferior direito e deixa a parte de cima livre para duas ou três palavras. Se a pessoa olha para algo, como um objeto, o texto ou um resultado, o olhar do espectador tende a seguir esse olhar, então vire o tema para dentro do quadro, não para fora.
Evite colocar o rosto bem embaixo, onde a barra de progresso e os cantos arredondados o cortam, e evite colocar texto sobre os olhos ou a boca.
| Posição | Bom para | Cuidado com |
|---|---|---|
| Terço esquerdo | Rosto + texto no alto à direita | Mantenha o texto fora do canto do selo |
| Centro | Objeto único, simetria | O texto precisa ir em cima ou embaixo |
| Terço direito | Leitura do texto para o rosto | O rosto pode colidir com o selo |
Monte e confira um ponto focal em cinco passos
- 01
Escolha o tema
Escolha o rosto, o objeto ou o resultado que conta a história do vídeo.
- 02
Corte bem fechado
Amplie até ele cobrir 25–45% do quadro; no caso de rostos, pelo menos 10–15%.
- 03
Ilumine e separe
Deixe o tema mais claro que o fundo e adicione uma borda ou luz de recorte.
- 04
Coloque em um terço
À esquerda ou no centro, virado para dentro do quadro, longe do canto inferior direito.
- 05
Verifique
Faça o teste de desfoque, abra o mapa de calor de detalhes e leia a linha do tema no detalhamento da auditoria.
Como o ThumbProof detecta rostos e temas
Alguns navegadores oferecem um detector de rosto embutido pela Shape Detection API. Quando ele está disponível, o ThumbProof o usa localmente para contar os rostos e medir quanto do quadro eles cobrem. Quando não está, a ferramenta estima o tema principal pela densidade de bordas: divide a imagem em uma grade de 16×9, encontra a maior área conectada de muito detalhe e informa a fração do quadro que ela ocupa.
Os dois métodos rodam inteiramente no seu navegador; nenhuma imagem é enviada para lugar nenhum. A estimativa é um guia, não um veredito. Um fundo carregado pode parecer um tema grande para um detector de bordas, e é por isso que a visualização do mapa de calor é útil: ela mostra exatamente onde está o detalhe.
Quando não há rosto
Muitas thumbnails fortes não têm pessoa nenhuma: um produto pronto, um antes e depois dramático, um mapa, um gráfico com um número marcante. A regra é a mesma, um tema, grande e com contraste, mas a emoção precisa vir da composição, da cor e das palavras em vez de uma expressão. Uma divisão de antes e depois funciona melhor quando a diferença é visível em escala de cinza em 168×94.
Elementos de apoio sem perder o foco
Um único ponto focal não significa um único elemento. A maioria das thumbnails fortes tem um tema dominante e um elemento de apoio: uma palavra, um objeto, uma seta ou um segundo rosto, menor. O elemento de apoio deve ser claramente menor, de um terço à metade do tamanho do tema principal, e deve apontar de volta para ele pelo olhar, pela posição ou pela cor.
O fundo também importa. Um fundo desfocado ou escurecido empurra o tema para a frente; um fundo nítido e detalhado compete com ele. Se você grava as próprias imagens, use uma abertura grande ou adicione desfoque na edição, e reduza o brilho do fundo em 20–40% em relação ao tema.
| Elemento | Tamanho relativo | Papel |
|---|---|---|
| Tema principal | 100% | Onde o olho pousa primeiro |
| Elemento de apoio | 30–50% | Acrescenta contexto ou uma reviravolta |
| Fundo | Suave, mais escuro | Emoldura sem competir |
Consistência em uma série
Se você publica uma série ou um formato fixo, reaproveite a composição: o mesmo lado para o rosto, a mesma posição para o texto, a mesma cor de destaque. Quem volta ao canal aprende o padrão e reconhece seus vídeos mais rápido em um feed lotado. Mude a expressão, o objeto e as palavras de um vídeo para outro, mas mantenha o esqueleto.
Ao mesmo tempo, evite usar sempre a mesma foto do rosto. Se toda thumbnail mostra a mesma expressão de surpresa, o público deixa de vê-la como sinal. Fotografe várias expressões em cada sessão de gravação e escolha a que combina com a história de cada vídeo.
- Mesmo esqueleto de layout em uma série
- Varie expressões e objetos
- Fotografe várias opções por vídeo
Exemplo prático: foto em grupo x close
Uma thumbnail de vlog mostra quatro amigos em uma praia, pequenos no quadro, com o pôr do sol atrás. Cada rosto cobre cerca de 1% do quadro. O mapa de calor mostra o detalhe espalhado por igual ao longo do horizonte, e a estimativa de tema informa 68%, ou seja, não há um único ponto focal.
O novo design corta em um amigo rindo, com o rosto cobrindo 18% do quadro, posicionado à esquerda, com o pôr do sol como fundo suave. A estimativa de tema cai para 31% e o rosto fica legível no tamanho da barra lateral.
| Medida | Foto em grupo | Close |
|---|---|---|
| Maior rosto | ~1% do quadro | 18% do quadro |
| Estimativa de tema | 68% (espalhado) | 31% (claro) |
| Teste de desfoque | Nenhuma forma clara | O rosto se destaca |
| Legível em 168×94 | Não | Sim |
Erros comuns de ponto focal
Rostos pequenos demais
Planos abertos ficam ótimos em tamanho real e ilegíveis no feed.
Vários temas equivalentes
Três rostos do mesmo tamanho dividem a atenção. Deixe um dominante.
Texto sobre o rosto
Esconde o elemento mais legível. Mova o texto para o lado.
Rosto no canto do selo
O selo de duração pode cobrir o queixo ou os olhos.
Luz chapada
Sem sombras, o rosto vira uma forma vazia em tamanhos pequenos.
Expressões que não combinam
Um rosto chocado em um tutorial tranquilo cria a expectativa errada.
Tamanho, resolução, limites de arquivo e zonas seguras da thumbnail de vídeo
Checklist de thumbnail com alto CTR: 7 princípios visuais que chamam atenção
Corte de título por dispositivo: largura em pixels, não número de caracteres
Cor e contraste da thumbnail: destacando-se em feeds escuros e claros
Texto na thumbnail: quantas palavras, que tamanho e onde colocar