Resumindo
- O banner do YouTube, chamado de arte do canal, é enviado em 2560×1440 pixels, uma imagem 16:9.
- As televisões mostram a imagem inteira de 2560×1440, enquanto os computadores mostram uma faixa larga no meio e os celulares, uma fatia mais estreita.
- A área visível em todos os aparelhos tem 1546×423 pixels no centro da imagem, então textos e logos precisam ficar dentro dela.
- O resto da imagem é fundo que aparece em telas maiores, então deve prolongar o design, e não carregar informação.
- Um banner de canal funciona melhor quando combina com as thumbnails do canal, para que os espectadores reconheçam o visual que viram no feed.
Nesta página
O tamanho do banner do YouTube é 2560×1440 pixels. Essa é a imagem que você envia, e é o que uma televisão mostra. Os computadores mostram só uma faixa larga no meio, e os celulares, uma fatia mais estreita dessa faixa. A única parte visível em todo lugar é uma área de 1546×423 pixels bem no centro, então coloque ali o nome do canal, o logo e qualquer texto, e trate todo o resto como fundo que preenche telas maiores.
O que cada aparelho mostra da arte do seu canal
| Aparelho | Área visível (px) | O que significa |
|---|---|---|
| Televisão | 2560×1440 | A imagem inteira, como fundo em tela cheia |
| Computador | Até 2560×423 | Uma faixa de largura total no meio |
| Tablet | Cerca de 1855×423 | Uma faixa mais estreita, aparada dos dois lados |
| Celular | 1546×423 | Só a área segura central |
Envio completo (TV)
2560 × 1440
Faixa do computador
2560 × 423
Área segura (todos os aparelhos)
1546 × 423
A área segura do banner do YouTube, em pixels
Coloque guias nestas posições em uma tela de 2560×1440 antes de criar qualquer coisa. Tudo o que é importante vai dentro da caixa interna; a faixa do computador é a banda entre as guias de cima e de baixo.
Canvas 2560 x 1440
Safe area 1546 x 423, centred
left edge x = 507
right edge x = 2053
top edge y = 508
bottom edge y = 931
Desktop strip full width, y = 508 to 931
Television the whole canvasComo diagramar um banner do YouTube
- 1
Comece em 2560×1440
Envie no tamanho total para que a visão da televisão fique nítida. Uma imagem menor é ampliada e fica mole.
- 2
Desenhe a área segura
Adicione as guias acima. O nome do canal, o logo, a agenda ou o slogan ficam todos dentro dessa caixa de 1546×423.
- 3
Preencha a faixa do computador
A banda que vai da borda esquerda à direita, na mesma altura da área segura, é o que a maioria dos visitantes vê no computador. Estenda o fundo por ela; evite colocar nas bordas da área segura qualquer coisa que pareça cortada.
- 4
Trate o resto como pano de fundo
O que fica acima e abaixo da faixa só aparece na televisão. Continue o fundo ali para que a imagem pareça completa, mas não ponha informação.
- 5
Confira todas as visões
Veja a prévia em um celular, em um notebook e, se puder, em uma televisão. O YouTube também mostra uma prévia por aparelho na hora do envio.
Arte do canal com as palavras no centro, onde todo aparelho as mostra, e o fundo preenchendo o resto para telas maiores.
O que colocar no banner do YouTube
A área segura é pequena, então escolha um ou dois destes itens, não todos.
- O nome ou o logo do canal, se não estiver óbvio pela foto de perfil.
- Sobre o que é o canal, em poucas palavras: “Cerâmica para iniciantes” diz mais do que um slogan.
- Quando saem vídeos novos, como “Filmes novos toda quinta”, o que dá aos visitantes um motivo para se inscrever.
- Algo atual, como um curso, um livro ou um evento ao vivo, trocado quando terminar.
Erros comuns em banners do YouTube
Evite
- Texto perto da esquerda ou da direita da faixa do computador, que o celular corta
- Um logo em um canto, que só as televisões mostram
- Letras pequenas, legíveis só no computador
- Uma foto cujo assunto fica acima ou abaixo da faixa
- Um visual diferente do das suas thumbnails
Faça
- Todas as palavras e logos dentro da área segura de 1546×423
- Um fundo que se estende suavemente pela tela inteira
- Uma linha, grande o bastante para ler no celular
- Assuntos posicionados na banda central
- As mesmas cores e o mesmo material das suas thumbnails
Gradientes e texturas combinam bem com a arte do canal, porque se estendem naturalmente a qualquer largura, sem uma borda evidente. Uma foto precisa ser composta com cuidado para que o assunto caia na banda central; um gradiente simplesmente continua. Como fazer um fundo gradiente mostra como criar um que não pareça genérico.
Combine o banner com as thumbnails
Os visitantes costumam chegar ao seu canal a partir de um vídeo. Se o banner tem o mesmo visual das thumbnails em que acabaram de clicar, o canal parece um lugar só. Use o mesmo fundo, a mesma tipografia e as mesmas cores nos dois. Tamanho da thumbnail do YouTube cuida da outra metade, e branding para criadores, do quadro geral. Se você também faz lives, os fundos de stream devem usar o mesmo visual.
O Gradiently inclui a arte do canal do YouTube, as thumbnails e as capas de Shorts como tamanhos prontos. Copiar para tamanhos refaz o layout de um design para cada um, e um Mark é renderizado em resolução total para cada formato, então o banner e as thumbnails têm o mesmo visual, sem esticar.
Perguntas frequentes
Qual é o tamanho do banner do YouTube?
2560×1440 pixels, uma imagem 16:9, enviada como a arte do seu canal.
Qual é a área segura do banner do YouTube?
Uma área de 1546×423 pixels no centro da imagem de 2560×1440. É a única parte mostrada em todos os aparelhos, então textos e logos precisam ficar dentro dela.
Por que meu banner do YouTube fica cortado no celular?
Os celulares mostram só a área central de 1546×423. Tudo o que fica fora dela, inclusive texto perto das laterais da faixa do computador, fica escondido.
Como fica um banner do YouTube na TV?
As televisões mostram a imagem inteira de 2560×1440 como pano de fundo, então as áreas acima e abaixo da faixa do computador devem continuar o fundo.
Um gradiente é um bom fundo para um banner do YouTube?
Sim. Um gradiente ou uma textura se estende naturalmente pelos 2560 pixels de largura e pela visão da televisão, sem um assunto que possa ser cortado.
Meu banner do YouTube deve combinar com as thumbnails?
Sim. Usar o mesmo fundo, a mesma tipografia e as mesmas cores torna o canal reconhecível para quem chega a partir de um vídeo.
Escrito pelo Gradiently
A equipe por trás do Gradiently, uma ferramenta de design criada em torno dos Marks: gradientes vivos que fazem tudo o que você cria ter a sua cara.
Ver nosso perfil
