{"id":8248,"date":"2021-10-15T14:04:00","date_gmt":"2021-10-15T17:04:00","guid":{"rendered":"https:\/\/netshow.me\/blog\/?p=8248"},"modified":"2023-12-13T20:58:35","modified_gmt":"2023-12-13T23:58:35","slug":"como-fazer-uma-thumbnail","status":"publish","type":"post","link":"https:\/\/netshow.me\/blog\/como-fazer-uma-thumbnail\/","title":{"rendered":"Thumbnail: Como destacar seu v\u00eddeo online"},"content":{"rendered":"\n

A primeira impress\u00e3o \u00e9 a que fica e, quando falamos de v\u00eddeos<\/a>, a thumbnail \u00e9 um grande exemplo disso. Voc\u00ea com certeza j\u00e1 clicou em um v\u00eddeo pelo simples fato de ficar curioso ao ver aquela imagem em miniatura que o ilustra! <\/strong><\/p>\n\n\n\n

Essa pequena imagem \u00e9 feita justamente para aumentar a atratividade do material aos olhos do espectador. Ao montar uma estrat\u00e9gia para criar v\u00eddeo online<\/a>, n\u00e3o podemos esquecer da import\u00e2ncia de atrair a aten\u00e7\u00e3o do p\u00fablico. <\/p>\n\n\n\n

Neste artigo, falaremos sobre o papel da thumbnail no desempenho de v\u00eddeos e tamb\u00e9m daremos boas dicas para voc\u00ea fazer uma thumbnail impactante para o seu conte\u00fado. Vamos nessa?<\/p>\n\n\n\n

O que \u00e9 uma thumbnail e para que ela serve?<\/h2>\n\n\n\n

Thumbnail, que em tradu\u00e7\u00e3o literal significa “unha de polegar”, \u00e9 uma imagem de menor tamanho, uma miniatura, que funciona como a pr\u00e9-visualiza\u00e7\u00e3o de um material em texto ou v\u00eddeo na internet.<\/strong><\/p>\n\n\n\n

Sabe quando voc\u00ea est\u00e1 vendo uma pasta de fotos ou v\u00eddeos no seu computador e v\u00ea aqueles \u00edcones acompanhando cada t\u00edtulo? Esta \u00e9 a thumbnail daquele arquivo. <\/p>\n\n\n\n

Com a evolu\u00e7\u00e3o e difus\u00e3o das plataformas de v\u00eddeos<\/a>, este mesmo conceito as acompanhou. Como grandes exemplos temos o YouTube<\/a> e as plataformas OTT<\/a>, como a Netflix. Nelas, a thumbnail \u00e9 a imagem que acompanha o t\u00edtulo e outras informa\u00e7\u00f5es do conte\u00fado.<\/strong><\/p>\n\n\n\n

E n\u00e3o, ela n\u00e3o est\u00e1 l\u00e1 para exercer uma fun\u00e7\u00e3o decorativa. A thumbnail deve ser encarada como a vitrine de uma loja, ou seja, \u00e9 um chamariz para o conte\u00fado. <\/strong>Uma \u00f3tima forma de fazer isso \u00e9 trabalhar gatilhos mentais logo na thumb. <\/p>\n\n\n\n

\ud83d\udc49 Como gatilhos mentais podem ser usados para aumentar a convers\u00e3o<\/a> <\/p>\n\n\n\n

Quais as vantagens de criar uma estrat\u00e9gia para as suas thumbnails?<\/h2>\n\n\n\n

Existem muitos elementos que n\u00e3o s\u00e3o obrigat\u00f3rios na elabora\u00e7\u00e3o de um v\u00eddeo mas que, quando usados, podem fazer uma grande diferen\u00e7a. A thumbnail \u00e9 um deles.  <\/p>\n\n\n\n

Uma boa thumbnail ajuda a despertar a curiosidade dos espectadores e, consequentemente, aumentar a quantidade de acessos do v\u00eddeo.<\/strong><\/p>\n\n\n\n

Vale lembrar que o n\u00famero de visualiza\u00e7\u00f5es \u00e9 um fator importante no ranqueamento do v\u00eddeo no Google. Quanto mais acessos seu conte\u00fado tiver, melhor ser\u00e1 seu posicionamento. <\/p>\n\n\n\n

Al\u00e9m disso, utilizar uma imagem que se destaque \u00e9 importante inclusive para implementar sua estrat\u00e9gia de SEO<\/a> de v\u00eddeos. O YouTube \u00e9 o segundo maior motor de busca da internet e tamb\u00e9m utiliza esse mecanismo para as buscas feitas nos v\u00eddeos.  <\/p>\n\n\n\n

Inclusive, no pr\u00f3prio Google tamb\u00e9m j\u00e1 h\u00e1 espa\u00e7o para v\u00eddeos entre as primeiras posi\u00e7\u00f5es. <\/a><\/p>\n\n\n\n

Quer ver como a thumbnail faz diferen\u00e7a no resultado do seu conte\u00fado? Segundo o YouTube, 90% dos v\u00eddeos com melhor desempenho na plataforma possuem thumbs personalizadas. <\/strong><\/p>\n\n\n\n

Coincid\u00eancia? Claro que n\u00e3o, tendo em vista que o cuidado com este recurso transparece maior profissionalismo.<\/p>\n\n\n\n

Qual \u00e9 o formato ideal de uma thumbnail?<\/h2>\n\n\n\n

Esta pergunta possui uma resposta diferente para cada plataforma de v\u00edde<\/a>o<\/a>s online<\/a> porque as especifica\u00e7\u00f5es de formato de thumbnail variam.<\/strong> Antes de come\u00e7ar a cri\u00e1-las, n\u00e3o esque\u00e7a de correr atr\u00e1s destas informa\u00e7\u00f5es.<\/p>\n\n\n\n

Na Netshow.me OTT<\/a>, por exemplo, \u00e9 recomendado usar uma imagem de 1200 \u00d7 720 pixels de extens\u00e3o GIF, JPG ou PNG. J\u00e1 o YouTube<\/a> adota o formato de 1280 \u00d7 720 pixels em GIF, JPG, PNG ou BMP.<\/p>\n\n\n\n

E quanto ao tamanho da thumbnail? O ideal \u00e9 que ela n\u00e3o passe de 2 MB porque precisa ser uma imagem de carregamento r\u00e1pido. <\/strong><\/p>\n\n\n\n

Ao mesmo tempo, \u00e9 necess\u00e1rio que ela possua a melhor resolu\u00e7\u00e3o poss\u00edvel porque a thumb pode aparecer em diversos tamanhos \u2013 seja pequena na tela de um celular, um pouco maior na busca da plataforma ou at\u00e9 com a largura de um site quando o v\u00eddeo est\u00e1 incorporado.<\/p>\n\n\n\n

Vale lembrar que a pr\u00f3pria plataforma gera automaticamente algumas op\u00e7\u00f5es de thumb. Seria mais pr\u00e1tico utiliz\u00e1-las? At\u00e9 seria, mas essa n\u00e3o \u00e9 uma boa solu\u00e7\u00e3o. <\/p>\n\n\n\n

Nem sempre voc\u00ea receber\u00e1 alternativas atraentes \u2013 j\u00e1 viu v\u00eddeos com imagens que n\u00e3o representam a totalidade do conte\u00fado com fidelidade ou at\u00e9 mostram pessoas com poses esquisitas? Esse tipo de imagem transparece um amadorismo e tamb\u00e9m pode gerar um impacto negativo sobre o seu conte\u00fado.  <\/p>\n\n\n\n

\u00c9 importante voc\u00ea ter em mente o fato da solu\u00e7\u00e3o mais simples nem sempre trazer bons resultados. Portanto, d\u00ea prefer\u00eancia para uma thumbnail personalizada. Voc\u00ea poder\u00e1 criar uma imagem que utilize sua identidade visual e, assim, explorar elementos mais convidativos para o p\u00fablico.<\/strong><\/p>\n\n\n\n

\u26a1 Tamb\u00e9m pode ser \u00fatil: Introdu\u00e7\u00e3o de v\u00eddeo: como conquistar sua audi\u00eancia em segundos<\/a> <\/p>\n\n\n\n

Como fazer uma thumbnail personalizada?<\/h2>\n\n\n\n

Para fazer uma thumbnail personalizada, voc\u00ea pode usar o editor de imagens de sua prefer\u00eancia \u2013 seja o Photoshop<\/a>, o Corel Draw<\/a> ou at\u00e9 o Paint<\/a>. Tamb\u00e9m existem sites que te ajudam a criar uma thumb de forma pr\u00e1tica – vamos falar sobre eles mais adiante.<\/p>\n\n\n\n

N\u00e3o existe um passo a passo ou modelo definitivo para criar uma boa thumbnail. Cada v\u00eddeo possui um tipo de conte\u00fado que \u00e9 direcionado para p\u00fablicos distintos. Considere estas particularidades antes de colocar a m\u00e3o na massa.<\/p>\n\n\n\n

Um bom ponto de partida \u00e9 fazer um estudo sobre o que os seus concorrentes t\u00eam feito e tamb\u00e9m as estrat\u00e9gias usadas pelos canais de grande acesso. <\/p>\n\n\n\n

Lembre-se: uma boa thumb \u00e9 aquela que consegue se conectar com o espectador e convid\u00e1-lo a acessar o v\u00eddeo,<\/strong> n\u00e3o importa a estrat\u00e9gia utilizada para a imagem.<\/p>\n\n\n\n

Contudo, existem boas pr\u00e1ticas a serem seguidas no processo de cria\u00e7\u00e3o de sua thumbnail. <\/strong>Elas s\u00e3o o fator comum de toda iniciativa bem sucedida! <\/p>\n\n\n\n

Veja tamb\u00e9m \ud83c\udfafPlanilha com os 5 passos para construir um planejamento de conte\u00fado matador!<\/a><\/p>\n\n\n\n

1. Crie uma identidade visual para suas thumbnails<\/h3>\n\n\n\n

As thumbnails s\u00e3o uma oportunidade para voc\u00ea criar a identidade visual do seu conte\u00fado. Desta forma, o p\u00fablico conseguir\u00e1 perceber que o v\u00eddeo \u00e9 seu ao simplesmente bater o olho na thumb.<\/p>\n\n\n\n

Nem todas as plataformas seguem o exemplo das plataformas OTT e permitem a completa personaliza\u00e7\u00e3o da interface. Neste contexto, explorar a pr\u00f3pria identidade visual se mostra ainda mais importante. Ao saber utiliz\u00e1-la, os espectadores poder\u00e3o identificar seu conte\u00fado com maior facilidade entre tantas op\u00e7\u00f5es dispon\u00edveis \u2013 e isso faz a diferen\u00e7a.<\/p>\n\n\n\n

Mas o que seria criar uma identidade visual<\/a>? Este processo consiste em estabelecer padr\u00f5es visuais para a sua thumbnail <\/strong>\u2013 entre eles, a fonte utilizada nos textos, cores de prefer\u00eancia e at\u00e9 os tipos de imagens usadas. Voc\u00ea pode at\u00e9 usar padr\u00f5es distintos para diferentes categorias de v\u00eddeos. <\/p>\n\n\n\n

Caso trabalhe numa empresa e mais pessoas produzam conte\u00fado para o canal, voc\u00ea pode at\u00e9 criar um guia de identidade visual para todos seguirem as mesmas especifica\u00e7\u00f5es nas thumbs.<\/p>\n\n\n\n

Veja um exemplo comparando dois produtores de conte\u00fados com nichos parecidos. <\/p>\n\n\n\n

O videomaker americano Matt D\u2019Avella<\/a> \u00e9 bastante conhecido por seus v\u00eddeos sobre produtividade, organiza\u00e7\u00e3o e o estilo de vida minimalista. A thumb dos v\u00eddeos reflete muito bem essa tem\u00e1tica: <\/p>\n\n\n\n

<\/p>\n\n\n\n

Por outro lado, o americano Thomas Frank tamb\u00e9m trabalha os conte\u00fados de produtividade, organiza\u00e7\u00e3o mas sem a pegada minimalista – os dois t\u00eam at\u00e9 v\u00eddeo juntos! <\/p>\n\n\n\n

Ele trabalha suas thumbs em outro estilo, mas \u00e9 poss\u00edvel ver elementos semelhantes entre elas, como o uso de fotos sem texto e com express\u00f5es relacionadas ao t\u00edtulo de v\u00eddeo. <\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

2. Escolha uma imagem convidativa<\/h3>\n\n\n\n

Defina uma imagem que chame a aten\u00e7\u00e3o dos espectadores, seja ela um registro do pr\u00f3prio v\u00eddeo ou uma imagem dos bastidores. Youtubers costumam apelar para fotos de seus rostos com express\u00f5es exageradas. E n\u00e3o \u00e9 que isso funciona? Quando o p\u00fablico se identifica com o interlocutor, isso gera uma conex\u00e3o maior.<\/p>\n\n\n\n

No entanto, essa estrat\u00e9gia n\u00e3o \u00e9 v\u00e1lida para todos os p\u00fablicos. Caso voc\u00ea esteja criando uma thumb para um v\u00eddeo corporativo, utilizar uma imagem de algu\u00e9m com cara de espanto pode n\u00e3o ser a melhor ideia.<\/p>\n\n\n\n

Uma dica: pense numa imagem que represente a mensagem principal de seu v\u00eddeo ou que gere uma identifica\u00e7\u00e3o com o p\u00fablico.<\/strong> Pode at\u00e9 ser uma foto simples do apresentador sorrindo para a c\u00e2mera<\/a>.<\/p>\n\n\n\n

Considere dois pontos importantes: o que voc\u00ea quer informar e o que convida o seu espectador a clicar no v\u00eddeo?<\/strong><\/p>\n\n\n\n

Voc\u00ea ainda pode contar com outros recursos visuais para compor a thumbnail e deixar a mensagem mais clara. <\/p>\n\n\n\n

\ud83e\udde0 Veja tamb\u00e9m: Design Instrucional: o que \u00e9 e porque aplic\u00e1-lo em seus materiais<\/a><\/p>\n\n\n\n

3. Pense em um t\u00edtulo certeiro<\/h3>\n\n\n\n

O uso de textos n\u00e3o \u00e9 obrigat\u00f3rio numa thumb, mas ajuda bastante a refor\u00e7ar a mensagem. Caso voc\u00ea opte por este recurso, escolha um t\u00edtulo curto e com as palavras-chave do conte\u00fado.<\/strong> Pode ser o mesmo t\u00edtulo que voc\u00ea deu para o v\u00eddeo ou outro de sua escolha.<\/p>\n\n\n\n

Evite ocupar mais da metade da \u00e1rea da imagem com o t\u00edtulo para que ele fique em <\/p>\n\n\n\n

harmonia com os outros elementos. Ao mesmo tempo, o tamanho da fonte n\u00e3o pode ser pequeno demais, tem que ser leg\u00edvel em todos os tamanhos poss\u00edveis da thumb. <\/p>\n\n\n\n

Aposte em cores vibrantes para dar destaque, seja na fonte ou no fundo, e utilize fontes mais grossas.<\/p>\n\n\n\n

Por exemplo, o canal Ecommerce na Pr\u00e1tica<\/a> utiliza op\u00e7\u00f5es variadas de fonte e estilo de letras, mas mant\u00e9m um padr\u00e3o sempre ressaltando a foto dos apresentadores. <\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

4. Experimente outros elementos<\/h3>\n\n\n\n

Se o seu estilo de conte\u00fado permitir, que tal explorar outros elementos? Pense em cores diferentes, filtros, efeitos e at\u00e9 emojis. N\u00e3o use tudo ao mesmo tempo, \u00e9 claro! Mas experimente de acordo com o assunto do seu v\u00eddeo.<\/p>\n\n\n\n

Por exemplo, se voc\u00ea est\u00e1 falando de filmes antigos, pode utilizar as cores preto e branco ou at\u00e9 escolher um filtro que deixe a imagem com um aspecto envelhecido. Estes recursos contribuem para deixar sua thumbnail ainda mais convidativa!<\/p>\n\n\n\n

O Entre Planos<\/a> \u00e9 um canal que fala justamente sobre filmes e usa os personagens nas thumbs para conquistar imediatamente a aten\u00e7\u00e3o de quem se interessa por eles: <\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

5. Destaque suas thumbs e n\u00e3o imite a concorr\u00eancia<\/h3>\n\n\n\n

Observe a concorr\u00eancia para ficar atento no que est\u00e1 sendo feito de interessante no mercado. Trata-se de uma boa forma de conseguir inspira\u00e7\u00e3o! <\/p>\n\n\n\n

Mas cuidado: n\u00e3o adquira o p\u00e9ssimo h\u00e1bito de imit\u00e1-los. Afinal de contas, seguir exatamente o mesmo estilo de outros produtores n\u00e3o far\u00e1 a sua thumb ter uma identidade pr\u00f3pria e se destacar \u2013 al\u00e9m de torn\u00e1-la mais uma entre tantas parecidas.<\/p>\n\n\n\n

Est\u00e1 em d\u00favida sobre qual modelo de thumb funciona melhor? Fa\u00e7a testes A\/B<\/a> para descobrir. Ou seja: utilize modelos diferentes nos v\u00eddeos e monitore o desempenho dos conte\u00fados at\u00e9 decidir qual \u00e9 o modelo ideal.<\/p>\n\n\n\n

6. Dicas valiosas para produzir sua thumb<\/h3>\n\n\n\n