Como criar uma thumbnail que ainda funciona no tamanho de um selo

A imagem precisa continuar clara e legível mesmo quando aparece pequena na tela do celular.

Ilustração de um homem de terno apontando para um celular com o botão de play do YouTube
Ilustração de Public Domain Pictures

Guia

Ninguém abre o vídeo porque a sua ideia é brilhante: abre porque a figurinha ao lado do título, a thumbnail, pareceu valer um segundo. Se ela está mole, lotada ou é um frame aleatório do minuto catorze, as pessoas passam como se você não existisse, porque a prévia falhou antes do título terminar de carregar.

Uma thumbnail perfeita não é um cartaz, é um outdoor que dá para ler quando está do tamanho de um selo: assunto grande, bordas duras e quase nada mais. Se a imagem precisa de um parágrafo para se explicar, ela já perdeu o meio segundo que tinha.

A página de ajuda do YouTube sobre miniaturas personalizadas recomenda 1280 por 720 pixels, na proporção 16:9, e informa uma resolução mínima de 640 por 360. Essas são as dimensões usadas pelo player para exibir a imagem.

Mesmo em tamanho reduzido, a composição segue princípios visuais conhecidos. A regra dos terços, usada em pintura e fotografia muito antes dos feeds, afasta o assunto do centro e preserva um ponto focal claro. O contraste também ajuda: um rosto escuro sobre fundo claro continua reconhecível em uma miniatura.

Meio segundo

A prévia tem de responder três perguntas antes do título terminar de carregar, e as três cabem num relance, não num texto colado na foto.

  • Do que é isso? Um assunto, não um abraço coletivo.
  • Por que eu deveria me importar? Emoção, resultado, ou um “antes e depois” claro.
  • O enquadramento parece intencional? Um corte limpo e bom contraste ajudam; um quadro borrado do vídeo, não.

Se você precisa de um parágrafo de texto na imagem para explicar, a foto não está fazendo o trabalho, porque algumas palavras grandes ajudam e um parágrafo não. A imagem carrega o primeiro segundo, e o título só confirma o que a figurinha já prometeu.

Tamanho primeiro

Escolha a plataforma e recorte na proporção exigida. Caso contrário, o YouTube pode cortar o rosto e o cartão Open Graph pode exibir apenas uma parte sem sentido da imagem. Defina primeiro as dimensões para não deixar o enquadramento a cargo da plataforma.

  • YouTube e a maior parte dos players de vídeo: 1280 x 720 (16:9). Fique acima de uns 640 x 360 se precisar ir menor.
  • Blog e prévia de link: cerca de 1200 x 630. Deixe um pouco de ar perto das bordas. As plataformas cortam sem dó.
  • Posts de feed e avatares: quadrado 1080 x 1080 é o padrão seguro.

Com as dimensões definidas, corte a imagem em 16:9, quadrado ou no tamanho exigido pela plataforma. Ajuste o recorte até destacar o assunto principal e remova elementos sem importância.

Composição no celular

Reduza a imagem até o tamanho em que ela será exibida, porque o assunto precisa continuar reconhecível na miniatura. O teste deve ser feito em uma prévia pequena, não apenas em um monitor grande.

  • Coloque o rosto, o produto ou o resultado perto do centro ou de uma linha de terço. Elementos da interface podem cobrir ou recortar as bordas.
  • Alto contraste costuma funcionar melhor do que um degradê sutil. Use um assunto escuro sobre uma área clara, ou o inverso, e evite cores muito semelhantes.
  • Use um único elemento principal. Um segundo objeto pode servir de apoio, mas muitos elementos transformam a miniatura em uma colagem confusa.
  • Rosto precisa de olho. Cortar no queixo ou na testa transforma “pessoa” em “mancha misteriosa”.
  • Texto pode funcionar se for enorme e curto. Três palavras no máximo, se der. Coloque onde a plataforma não vai carimbar horário nem avatar.

Um fluxo que costuma funcionar

  • Comece pelo quadro mais nítido disponível. Uma imagem de origem sem definição continuará sem definição depois da ampliação.
  • Defina a caixa primeiro: 1280 x 720 para vídeo, 1200 x 630 para artigos, ou 1:1 para feeds quadrados.
  • Corte até o assunto ficar grande. Perca a bagunça, o sofá, o sanduíche pela metade.
  • Se o arquivo ainda for um despejo de vários megabytes do celular, encolha depois do corte. Thumbnail que leva três segundos para aparecer já perdeu.
  • Exporte JPG para fotos, PNG só se precisar de transparência (raro em thumbnail).

Erros no monitor

Você vai cometer esses pelo menos uma vez, e todo mundo comete, porque no monitor grande a paisagem larga ainda parece cinema e o texto miúdo ainda se lê. No celular, a mesma escolha some ou vira ruído.

  • Usar uma paisagem de largura inteira e confiar que a plataforma “se vira”. Ela se vira para tirar a parte interessante.
  • Texto miúdo que só você lê num monitor de 27 polegadas.
  • Fundos ocupados que viram ruído com 160 pixels de largura.
  • Mandar um mestre de 4000 pixels no upload. Pesado, lento, e nada mais nítido no celular.
  • Escolher o frame em que todo mundo está de olho fechado. Volte um segundo.

Checagem

Um corte perfeito não salva um assunto chato, mas impede que um assunto bom pareça acidente. Se o recorte parecer errado, corrija a fonte: chegue mais perto, vire o assunto para a luz, filme de novo, e depois corte uma vez, com intenção.

Como eu escolho o frame

Eu costumava escolher a primeira pausa aceitável, o que gerava miniaturas com pessoas piscando ou objetos pequenos demais. Agora examino alguns segundos, separo três quadros e imagino cada um reduzido ao tamanho de uma miniatura. O melhor não é necessariamente o mais bonito em tela cheia, mas aquele que continua claro em tamanho pequeno.

A cor ajuda a manter o assunto reconhecível em tamanhos pequenos: uma jaqueta vermelha se destaca em uma rua cinza, enquanto uma peça bege desaparece diante de uma parede da mesma cor. Se a imagem estiver sem contraste, não tento compensar com um parágrafo sobre a foto; escolho outro quadro ou faço uma nova gravação com o assunto mais perto da janela.

Para evitar o envio do arquivo errado, coloco as dimensões no nome da exportação, como thumb_1280x720.jpg, e mantenho ao lado o original sem corte. Meses depois, o nome mostra qual recorte foi usado.

O que eu recuso

Evito quadros em que o assunto olha para longe da câmera, a menos que isso seja importante para a história. Uma foto de perfil que funciona em tamanho grande pode ficar irreconhecível como miniatura, e um enquadramento que mostra apenas o ombro depende do título para ser compreendido.

Também recuso thumbnail que precisa do título para se explicar: se eu cubro o título com a mão e ainda não sei do que é o vídeo, escolho outro frame. A imagem tem de fazer o primeiro trabalho sozinha, senão a figurinha vira decoração do texto.

Texto na imagem é último recurso, e quando uso escrevo três palavras e coloco numa mancha escura, não no meio de uma rua ocupada. Letra clara em parede clara some na hora em que o YouTube encolhe o cartão, e aí o texto que “explicava tudo” no monitor some junto.

Se a única imagem de origem estiver sem nitidez, a ampliação não resolverá o problema. Volto à gravação e procuro um quadro mais nítido, porque a ferramenta de corte não recupera o foco.

Recorte no tamanho exigido pela plataforma antes de escrever o título, porque a miniatura é o primeiro elemento visto pelo público.