[{"@context":"https:\/\/schema.org\/","@type":"Article","@id":"https:\/\/herospark.com\/blog\/thumbnail\/#Article","mainEntityOfPage":"https:\/\/herospark.com\/blog\/thumbnail\/","headline":"O que \u00e9 thumbnail e como criar as melhores em 2024","name":"O que \u00e9 thumbnail e como criar as melhores em 2024","description":"Assim como um bom título, uma thumbnail também pode atrair mais pessoas até o seu conteúdo. Isso porque a thumbnail consiste em pixels que formam uma imagem em miniatura do…","datePublished":"2020-11-03","dateModified":"2023-12-12","author":{"@type":"Person","@id":"https:\/\/herospark.com\/blog\/author\/rafaelcarvalho\/#Person","name":"Rafael Carvalho","url":"https:\/\/herospark.com\/blog\/author\/rafaelcarvalho\/","identifier":19,"description":"Cofundador da HeroSpark. Rafael atua no mercado de marketing digital, educa\u00e7\u00e3o online e infoprodutos desde 2011. Autor best-seller do livro Paix\u00e3o S.A., ele tamb\u00e9m foi vencedor do pr\u00eamio Empreendedor de Sucesso, da revista Pequenas Empresas & Grandes Neg\u00f3cios.","image":{"@type":"ImageObject","@id":"https:\/\/secure.gravatar.com\/avatar\/a0d4edc934e02ac253e22a8243f714dbc35a774b4942183d46242e503b4943a8?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/a0d4edc934e02ac253e22a8243f714dbc35a774b4942183d46242e503b4943a8?s=96&d=mm&r=g","height":96,"width":96}},"publisher":{"@type":"Organization","name":"Herospark","logo":{"@type":"ImageObject","@id":"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2022\/07\/blog_logo-e1658437205714.png","url":"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2022\/07\/blog_logo-e1658437205714.png","width":175,"height":33}},"image":{"@type":"ImageObject","@id":"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2020\/11\/youtube-2449144_1920.jpg","url":"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2020\/11\/youtube-2449144_1920.jpg","height":1280,"width":1920},"url":"https:\/\/herospark.com\/blog\/thumbnail\/","commentCount":"1","comment":[{"@type":"Comment","@id":"https:\/\/herospark.com\/blog\/thumbnail\/#Comment1","dateCreated":"2021-07-15 12:19:43","description":"As Thumbnails s\u00e3o realmente importantes, mas n\u00e3o sabia que era uma taxa t\u00e3o grande. Obrigada pela informa\u00e7\u00e3o","author":{"@type":"Person","name":"Juliana","url":"https:\/\/conhecimentopartilhado.com.br\/como-colocar-link-na-bio-do-instagram\/"}}],"about":["Marketing Digital","Produ\u00e7\u00e3o de V\u00eddeo"],"wordCount":1690,"keywords":["Capa Stories","Capa Youtube","Marketin Digital","Thumbnail"],"articleBody":"Assim como um bom t\u00edtulo, uma thumbnail tamb\u00e9m pode atrair mais pessoas at\u00e9 o seu conte\u00fado. Isso porque a thumbnail consiste em pixels que formam uma imagem em miniatura do seu conte\u00fado.\u00a0Nesse sentido, uma thumbnail \u00e9 como o elemento de uma vitrine. Se ela n\u00e3o for bem trabalhada, pode prejudicar a experi\u00eancia visual do conte\u00fado.\u00a0YouTube, Instagram e Google s\u00e3o as redes em que mais se utilizam as thumbnails, mas cada uma tem suas particularidades. Por isso, \u00e9 importante saber como usar cada uma nos seus respectivos canais.\u00a0E ent\u00e3o, quer saber o que \u00e9 e como fazer uma boa thumbnail? Continue a leitura do artigo!Comece na HeroSpark de forma simples e fature mais r\u00e1pido no mercado digital. Com as funcionalidades de ponta a ponta da plataforma para fazer sua estrat\u00e9gia de venda online decolar. \u00c9 gratuito, inscreva-se agora!\t\t\t\t\t\t\t\t\t\t\twindow.hsFormsOnReady = window.hsFormsOnReady || [];\t\t\t\t\t\twindow.hsFormsOnReady.push(()=>{\t\t\t\t\t\t\thbspt.forms.create({\t\t\t\t\t\t\t\tportalId: 734319,\t\t\t\t\t\t\t\tformId: \"da4b7d7d-16bd-49b3-993f-84e4da66838c\",\t\t\t\t\t\t\t\ttarget: \"#hbspt-form-1775562509000-2195233801\",\t\t\t\t\t\t\t\tregion: \"na1\",\t\t\t\t\t\t\t\t\t\t\t\t\t\t})});\t\t\t\t\t\t\t\t\t\tO que você verá:O que \u00e9 e como surgiram as thumbnails?Para que serve a thumbnail?Quais s\u00e3o os principais elementos de uma thumbnail?ImagemTextoCoresEmojis e memesObjetividadeComo usar as thumbs?InstagramYouTubeGoogle\u00a0B\u00f4nus: e-commerceDicas para produzir sua thumbnail1. Sites e programas online j\u00e1 fazem uma parte do trabalho para voc\u00ea2. Adeque recursos pensando na Consci\u00eancia de Marca3. Teste tudo o que voc\u00ea aplicouO que \u00e9 e como surgiram as thumbnails?Thumbnails s\u00e3o vers\u00f5es de tamanho reduzido de fotos ou v\u00eddeos, usadas para ajudar a reconhecer e organizar esses. Vale dizer que na era das imagens digitais, os mecanismos de busca visual utilizam bastante essas vers\u00f5es em miniaturas.\u00a0O termo \u2018thumbnail\u2019 faz refer\u00eancia \u00e0 unha do polegar e, surpreendentemente, essa express\u00e3o j\u00e1 foi usada no s\u00e9culo XIX para representar uma imagem pequena. Mas, no contexto da tecnologia, foi utilizada pela primeira vez na d\u00e9cada de 80.H\u00e1 quem aproveite as imagens em miniaturas para criar o famoso \u2018clickbait\u2019, mais um termo em ingl\u00eas, que \u00e9 uma isca de cliques \u2014 incita o usu\u00e1rio a clicar por pensar que se trata de um conte\u00fado x, mas, muitas vezes, aborda um conte\u00fado y.\u00a0Embora seja a t\u00e1tica respons\u00e1vel por muitos virais, n\u00e3o \u00e9 bem-vinda para uma marca, por enganar visitantes e ocasionar perdas de clientes.Para que serve a thumbnail?A thumbnail serve para agilizar a busca e a identifica\u00e7\u00e3o de um conte\u00fado. Afinal, por serem arquivos mais leves e com dimens\u00e3o otimizada, \u00e9 poss\u00edvel apresentar mais conte\u00fados em uma \u00fanica p\u00e1gina utilizando as thumbs.Al\u00e9m disso, a thumbnail \u00e9 tamb\u00e9m uma pr\u00e9via visual do conte\u00fado e, se bem utilizada, pode chamar a aten\u00e7\u00e3o da audi\u00eancia e atrair mais tr\u00e1fego para a p\u00e1gina.\u00a0Essas miniaturas personalizadas do seu conte\u00fado tamb\u00e9m s\u00e3o uma boa maneira para estabelecer uma identidade visual para o seu neg\u00f3cio, especialmente nas plataformas de v\u00eddeo.\u00a0Para isso, \u00e9 importante se manter atento aos elementos de uma thumbnail e saber utiliz\u00e1-los para destacar sua marca.Quais s\u00e3o os principais elementos de uma thumbnail?Uma miniatura \u00e9 formada por alguns elementos, e cada um deles tem uma fun\u00e7\u00e3o espec\u00edfica. Em conjunto, esses componentes devem fazer a thumbnail se destacar.\u00a0Entre os principais elementos de uma boa thumbnail, podemos destacar:ImagemA imagem precisa retratar a ess\u00eancia do conte\u00fado. Se for um v\u00eddeo, pode ser o recorte de um trecho ou at\u00e9 mesmo uma imagem de quem est\u00e1 apresentando o conte\u00fado.\u00a0\u00a0Se o conte\u00fado for de \u00e1udio, como um podcast, vale a pena apostar em uma arte personalizada para cada epis\u00f3dio.TextoO texto \u00e9 um elemento central de uma thumbnail, j\u00e1 que pode sintetizar de maneira mais evidente o assunto tratado naquele conte\u00fado.Por isso, utilize senten\u00e7as curtas, de no m\u00e1ximo cinco palavras. Al\u00e9m disso, escolha bem o tamanho e o tipo da fonte e use a mesma cor em toda parte textual da sua miniatura.Aposte nesse elemento como uma forma de estabelecer uma identidade \u00fanica para o seu conte\u00fado, aquilo que far\u00e1 sua audi\u00eancia lhe identificar de primeira.CoresGrande parte do impacto causado por uma boa thumbnail \u00e9 proveniente das cores utilizadas na sua cria\u00e7\u00e3o. Portanto, aposte em cores atrativas e que dialoguem com a sua marca.Emojis e memesMemes e emojis s\u00e3o \u00f3timas representa\u00e7\u00f5es de linguagem r\u00e1pida e de f\u00e1cil entendimento. Al\u00e9m disso, o uso de um meme pode ajudar a viralizar o seu conte\u00fado.ObjetividadeUm outro elemento que vale destacar \u00e9 a objetividade. Uma miniatura precisa transmitir uma mensagem muito clara e de maneira concisa. Vale destacar que \u00e9 necess\u00e1rio que o elemento seja fiel ao conte\u00fado que representa.Como usar as thumbs?Segundo o YouTube, 90% dos v\u00eddeos com melhor desempenho na plataforma possuem thumbs customizadas, ou seja, que n\u00e3o s\u00e3o feitas a partir de um quadro do v\u00eddeo.\u00a0Assim, do Adobe Photoshop ao Canva, existem programas profissionais bastante acess\u00edveis para criar uma thumb.Dito isso, vamos descobrir agora como criar e usar as thumbs nos principais canais da internet. Confira!InstagramV\u00eddeos do IGTV e dos Reels s\u00e3o os tipos de publica\u00e7\u00f5es que precisam de thumbnails.\u00a0Para o IGTV crie imagens .JPG e disponha o conte\u00fado nas propor\u00e7\u00f5es 9:16, 1:1, ou 16:9 (depende de como voc\u00ea realizou a filmagem). As resolu\u00e7\u00f5es recomendadas s\u00e3o de 1280 x 720, 720 x 720, ou 720 x 1280 pixels.\u00a0Thumbnail para IGTV com conte\u00fado vertical (9:16). Instagram \u2013 HeroSparkThumbnail para IGTV com conte\u00fado horizontal (16:9). Instagram \u2013 HeroSparkThumbnail para IGTV com conte\u00fado quadrado (1:1). Instagram \u2013 thainaiansenJ\u00e1 os v\u00eddeos do Reels podem aparecer normalmente no feed (propor\u00e7\u00e3o 1:1) ou na galeria dedicada aos Reels (propor\u00e7\u00e3o 9:16). Para n\u00e3o ter problemas, voc\u00ea pode trabalhar na mesma l\u00f3gica do IGTV, de deixar o conte\u00fado mais centralizado (como se fosse uma zona segura), mantendo as margens livres.\u00a0Thumbnail para Reels com conte\u00fado quadrado (1:1). Instagram \u2013 esocialmediamasThumbnail para Reels com conte\u00fado vertical (9:16). Instagram \u2013 esocialmediamasYouTubeA propor\u00e7\u00e3o das imagens para esta plataforma \u00e9 de 16:9, na resolu\u00e7\u00e3o de 1280 x 720 pixels. O site tamb\u00e9m aceita arquivos no formato .GIF, .BMP e .PNG. Como a comunidade \u00e9 exclusiva para conte\u00fados audiovisuais, voc\u00ea precisa caprichar mesmo nas thumbs.Veja aqui como criar gifs.Priorize cores que contrastam o preto, vermelho e branco do YouTube (como lil\u00e1s, amarelo, azul e verde \u2014 cores vivas, em geral).Inclua uma imagem de uma pessoa, o que pode aumentar em at\u00e9 38% o engajamento dos usu\u00e1rios com seu conte\u00fado.Se aplic\u00e1vel, represente cenas de a\u00e7\u00e3o na thumbnail. Exemplo: o v\u00eddeo \u00e9 de um prato especial, ent\u00e3o em vez de preencher a thumb com a foto da refei\u00e7\u00e3o pronta, tire uma foto preparando-a.Thumbnail para YouTube. YouTube \u2013 HeroSparkGoogleAl\u00e9m de ter cuidado com o nome do arquivo da imagem, legenda, texto alternativo etc., tamb\u00e9m \u00e9 fundamental garantir a qualidade e dimens\u00e3o da imagem do thumbs que aparecer\u00e1 no Google.Isso porque as thumbs que aparecem nos resultados da pesquisa org\u00e2nica impactam o clique, criam uma antecipa\u00e7\u00e3o e podem transformar a expectativa do usu\u00e1rio sobre o que \u00e9 o site de destino. Especialmente quando as buscas s\u00e3o feitas pelo smartphone, as thumbs t\u00eam ainda mais import\u00e2ncia.Priorize imagens quadradas (1:1), evite inserir muitos detalhes e elementos em uma \u00fanica imagem e torne-a informativa (se o conte\u00fado do site for informativo).Thumbnails que aparecem em uma busca no Google\u00a0B\u00f4nus: e-commerceAs miniaturas das lojas virtuais v\u00e3o al\u00e9m de um diferencial, mas sim uma oportunidade de exibir uma quantidade maior de produtos e, assim, ter mais chances de mostrar o que o visitante procura de imediato.As thumbs em landing pages tamb\u00e9m servem para oferecer produtos similares e, possivelmente, aumentar o valor do carrinho de compras. A maioria das empresas j\u00e1 utilizam esse recurso \u2014 como Netshoes, Magazine Luiza, entre outros.Thumbnails no e-commerce. Fonte \u2013 Magazine Luiza\u00a0Dicas para produzir sua thumbnail1. Sites e programas online j\u00e1 fazem uma parte do trabalho para voc\u00eaN\u00e3o \u00e9 necess\u00e1rio abrir um documento em branco, configurar as dimens\u00f5es e gerar sua thumb do zero. Hoje existe uma quantidade numerosa de sites e programas gratuitos que possuem o template quase pronto para voc\u00ea preencher com o conte\u00fado.Canva e Adobe Spark s\u00e3o ferramentas excelentes para produzir sua miniatura. O Snappa tamb\u00e9m \u00e9 muito utilizado para este fim, mas, no seu modo gratuito, limita at\u00e9 cinco downloads de projetos por m\u00eas.2. Adeque recursos pensando na Consci\u00eancia de MarcaUm erro bastante comum \u00e9 o das pessoas fazerem suas thumbs de forma aleat\u00f3ria, sem seguir uma identidade visual e um estilo pr\u00f3prio da marca. Sobretudo no YouTube, \u00e9 uma falha grave porque os usu\u00e1rios est\u00e3o expostos a muitos v\u00eddeos e, sem um layout que ajude a lembrar do seu canal, menor ser\u00e1 o envolvimento.\u00a0Se voc\u00ea escolheu editar suas miniaturas uma vez com lil\u00e1s, amarelo e branco, por exemplo, j\u00e1 que s\u00e3o cores vivas e compat\u00edveis entre si, siga com a mesma paleta por um tempo razo\u00e1vel. Caso fa\u00e7a um rebranding, a\u00ed sim seria interessante variar.3. Teste tudo o que voc\u00ea aplicouNo mercado digital, a melhor forma de se dar bem \u00e9 testando o que d\u00e1 certo. Algumas ferramentas possibilitam o teste A\/B com thumbs, como o TubeBuddy. Por mais que existam tantas recomenda\u00e7\u00f5es, o seu p\u00fablico possui prefer\u00eancias pr\u00f3prias, por isso \u00e9 importante identific\u00e1-las o quanto antes.Com este artigo, foi poss\u00edvel compreender a import\u00e2ncia e como criar uma thumbnail para algumas das maiores redes sociais e at\u00e9 para uma loja virtual.E para voc\u00ea aproveitar o m\u00e1ximo daquilo que as redes sociais podem oferecer ao seu neg\u00f3cio, n\u00f3s preparamos um material com tudo o que voc\u00ea precisa saber para transformar suas redes em m\u00e1quinas de vendas.Baixe gratuitamente o e-book \u201cComo criar as suas redes sociais\u201d e impulsione o seu neg\u00f3cio se tornando uma autoridade digital.\u00a0"},{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/herospark.com\/blog\/#breadcrumbitem"},{"@type":"ListItem","position":2,"name":"O que \u00e9 thumbnail e como criar as melhores em 2024","item":"https:\/\/herospark.com\/blog\/thumbnail\/#breadcrumbitem"}]}]