# Tamanho da thumbnail do YouTube e regras de design

[Canonical HTML page](https://gradiently.design/pt-br/guide/youtube-thumbnail-size)

Uma thumbnail é feita com 1280 pixels de largura e avaliada no tamanho de um selo, em uma televisão, em um notebook e em um celular ao mesmo tempo. Aqui estão o tamanho e as regras que a fazem funcionar em qualquer escala.

## The short version

- O tamanho da thumbnail do YouTube é 1280×720 pixels, uma proporção 16:9 igual à do player de vídeo.
- As thumbnails aparecem em muitos tamanhos, de uma tela de televisão a uma pequena sugestão na barra lateral, então precisam ser legíveis bem pequenas.
- O YouTube coloca a duração do vídeo no canto inferior direito da thumbnail, então mantenha textos e rostos fora desse canto.
- Poucas palavras grandes funcionam muito melhor do que uma frase; o título abaixo da thumbnail pode levar o resto.
- Fundos fortes e saturados se destacam nos temas claro e escuro do YouTube, enquanto o branco e o preto puros se misturam a eles.

O **tamanho da thumbnail do YouTube** é 1280×720 pixels, um quadro 16:9 igual ao do player de vídeo. Crie nesse tamanho, mas avalie o resultado no tamanho de um selo postal, porque é assim que a maioria das pessoas vai vê-la: nos resultados de busca, no feed inicial do celular e na lista de vídeos sugeridos. Limite o texto a poucas palavras grandes, deixe o canto inferior direito livre para a duração do vídeo e faça o assunto principal ser lido de relance.

## Tamanho e formato da thumbnail do YouTube

| Propriedade | Valor |
| --- | --- |
| Tamanho | 1280×720 px |
| Proporção | 16:9 |
| Tipos de arquivo | JPG, PNG ou GIF (estático) |
| Perfil de cor | sRGB |
| Coberto pelo YouTube | O canto inferior direito, onde aparece a duração do vídeo |

Envie em exatamente 1280×720. Qualquer outro formato recebe barras ou é cortado para caber.

- Thumbnail 16:9: 1280 × 720
- Capa de Shorts 9:16: 1080 × 1920
- Arte do canal: 2560 × 1440

A thumbnail ao lado das outras imagens do YouTube que você vai criar: uma capa vertical de Shorts e a arte do canal. Cada uma tem seu próprio guia; veja [tamanho do banner do YouTube](https://gradiently.design/pt-br/guide/youtube-banner-size).

## Crie para o menor tamanho em que ela vai aparecer

A mesma thumbnail aparece grande em uma televisão, média em um notebook e pequena na lista de sugestões de um celular. Todas as regras abaixo vêm dessa variação. Se uma thumbnail funciona pequena, vai funcionar grande; o contrário raramente é verdade.

Uma thumbnail do YouTube com um título longo e uma linha menor acima dele sobre um gradiente

Uma frase inteira. Legível em tamanho total; em miniatura, as palavras encolhem até virar uma faixa cinza.

A mesma thumbnail só com as palavras Um ano em tamanho muito grande sobre o gradiente

Duas palavras, enormes. Legíveis do outro lado da sala, e o título do vídeo abaixo pode dizer o resto.

1. **Escolha um assunto** Um rosto, um objeto ou poucas palavras. Não os três disputando o mesmo retângulo pequeno.
2. **Use de três a cinco palavras no máximo** O título abaixo da thumbnail é o lugar da frase. A thumbnail acrescenta um gancho, não uma repetição.
3. **Use letras pesadas e grandes** Pesos bold ou display, com traços grossos. [Fontes display](https://gradiently.design/pt-br/guide/display-fonts) lista boas opções. Letras finas somem quando ficam pequenas.
4. **Deixe o canto inferior direito livre** A duração do vídeo fica ali. Leve textos e rostos para cima ou para a esquerda.
5. **Reduza para conferir** Veja mais ou menos na largura do seu polegar em um celular. Se não dá para ler, simplifique até dar.

## Rostos ou texto: o que funciona melhor

Os dois funcionam, para tipos diferentes de vídeo. A questão é qual deles diz mais rápido ao espectador o que ele vai receber.

### Destaque um rosto

- Quando a pessoa é o atrativo: vlogs, entrevistas, reações
- A expressão mostra na hora o tom do vídeo
- Feche o enquadramento; uma figura pequena em uma cena ampla não diz nada
- Mantenha o rosto longe do canto inferior direito

### Destaque o texto

- Quando o tema é o atrativo: tutoriais, vídeos explicativos, listas
- Poucas palavras tornam a promessa concreta
- Precisa de contraste forte com o fundo
- Funciona bem com um fundo marcante e consistente em uma série

Muitas thumbnails fortes combinam os dois: um rosto de um lado, duas ou três palavras do outro. O que importa é que cada elemento seja grande o bastante para sobreviver em tamanho pequeno.

## Fundos que se destacam nos dois temas

O YouTube é usado nos modos claro e escuro. Uma thumbnail com fundo branco se dissolve no tema claro; uma com fundo quase preto se dissolve no tema escuro. Uma cor saturada, de tom médio, se destaca nos dois.

- Azul elétrico a violeta: `linear-gradient(135deg, #2f6bff 0%, #8b3dff 100%)`
- Laranja vivo a vermelho: `linear-gradient(135deg, #ff8a00 0%, #e52e2e 100%)`
- Limão a verde-azulado: `linear-gradient(135deg, #b6f23a 0%, #0fb5a6 100%)`
- Magenta a âmbar: `linear-gradient(135deg, #ff2d95 0%, #ffb000 100%)`

Fundos saturados que se separam tanto de uma interface branca quanto de uma quase preta. Combine cada um com letras brancas ou bem escuras, o que contrastar mais onde ficam as palavras.

Em uma série, mantenha o mesmo visual de fundo em todos os episódios e mude só as palavras ou a imagem. Os espectadores aprendem a achar seus vídeos no feed por essa consistência muito antes de ler uma palavra. [Design de thumbnail para YouTube](https://gradiently.design/pt-br/guide/youtube-thumbnail-design) trata de layouts e sistemas de série com mais profundidade, e [tamanhos de imagem para redes sociais](https://gradiently.design/pt-br/guide/social-media-image-sizes) lista todos os outros formatos.

Exporte as thumbnails em PNG quando forem principalmente texto e cor, ou em JPEG de alta qualidade quando forem principalmente foto. O Gradiently já traz a thumbnail do YouTube e a capa de Shorts prontas, e copiar para tamanhos transforma uma thumbnail finalizada em uma capa de Shorts ou em um post combinando.

## Faça a thumbnail e o título trabalharem juntos

Os espectadores veem a thumbnail e o título como uma unidade. Se a thumbnail repete o título palavra por palavra, você desperdiçou metade do espaço. Deixe cada um fazer um trabalho: o título diz o que é o vídeo, e a thumbnail mostra por que vale a pena assistir, com um resultado, um rosto, um antes e depois ou duas palavras que dão uma virada.

> **Teste, não adivinhe** O YouTube Studio tem um recurso de testar e comparar que mostra thumbnails diferentes do mesmo vídeo para espectadores diferentes e informa qual teve o melhor desempenho. Use nos seus envios mais importantes em vez de debater as opções.

## FAQ

### Qual é o tamanho de uma thumbnail do YouTube?

1280×720 pixels, uma proporção 16:9.

### Quanto texto uma thumbnail do YouTube deve ter?

De três a cinco palavras no máximo, grandes e pesadas. O título do vídeo abaixo da thumbnail pode levar a frase inteira.

### Que parte de uma thumbnail do YouTube fica coberta?

O canto inferior direito, onde o YouTube mostra a duração do vídeo. Mantenha textos e rostos fora dele.

### As thumbnails do YouTube devem ter rostos?

Rostos funcionam bem quando a pessoa é o motivo para assistir, como em vlogs e entrevistas. O texto funciona melhor quando o tema é o atrativo. Muitas thumbnails combinam os dois.

### Que tipo de arquivo uma thumbnail do YouTube deve ter?

JPG, PNG ou GIF estático. Use PNG para designs que são principalmente texto e cor, e JPEG de alta qualidade para fotos.