Redes sociais

Tamanho do banner do YouTube: desenhar para TV, computador e telemóvel

A arte do canal do YouTube é carregada como uma imagem grande e mostrada com um recorte completamente diferente em cada dispositivo. Aqui tens o tamanho, a área segura e uma composição que funciona em todos.

GradientlyConta Gradiently verificada··5 min de leitura
Capa: Mulberry Memory · GR·ZFE5·QQ

A versão curta

  • O banner do YouTube, chamado arte do canal, é carregado a 2560×1440 píxeis, uma imagem 16:9.
  • As televisões mostram a imagem inteira de 2560×1440, os computadores mostram uma faixa larga ao meio e os telemóveis mostram uma fatia mais estreita.
  • A área visível em todos os dispositivos tem 1546×423 píxeis no centro da imagem, por isso o texto e os logótipos têm de ficar dentro dela.
  • O resto da imagem é fundo que aparece nos ecrãs maiores, por isso deve prolongar o design em vez de levar informação.
  • Um banner de canal funciona melhor quando condiz com as miniaturas do canal, para que quem vê reconheça o visual a partir do feed.
Nesta página

O tamanho do banner do YouTube é 2560×1440 píxeis. É essa a imagem que carregas e é o que uma televisão mostra. Os computadores mostram só uma faixa larga ao meio, e os telemóveis mostram uma fatia mais estreita dessa faixa. A única parte visível em todo o lado é uma área de 1546×423 píxeis exatamente no centro, por isso põe lá dentro o nome do canal, o logótipo e qualquer texto, e trata tudo o resto como fundo que enche os ecrãs maiores.

O que cada dispositivo mostra da arte do teu canal

DispositivoÁrea visível (px)O que significa
Televisão2560×1440A imagem inteira, como pano de fundo em ecrã inteiro
ComputadorAté 2560×423Uma faixa a toda a largura, ao meio
TabletCerca de 1855×423Uma faixa mais estreita, aparada dos dois lados
Telemóvel1546×423Só a área segura central
Todos os recortes são feitos a partir do centro da imagem de 2560×1440. A vista de telemóvel é a área segura: desenha primeiro para ela.

Imagem completa (TV)

2560 × 1440

Faixa de computador

2560 × 423

Área segura (todos os dispositivos)

1546 × 423

As três vistas desenhadas à escala. A área segura é uma pequena parte da imagem que carregas, e é por isso que tantos banners perdem o texto nos telemóveis.

A área segura do banner do YouTube, em píxeis

Coloca guias nestas posições numa tela de 2560×1440 antes de desenhares o que quer que seja. Tudo o que é importante fica dentro da caixa interior; a faixa de computador é a banda entre as guias de cima e de baixo.

text
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 canvas
Posições das guias para a arte do canal. A área segura está centrada na horizontal e na vertical.

Como compor um banner do YouTube

  1. 1

    Começa a 2560×1440

    Carrega no tamanho completo, para que a vista de televisão fique nítida. Uma imagem mais pequena é ampliada e fica esbatida.

  2. 2

    Desenha a área segura

    Junta as guias acima. O nome do canal, o logótipo, o horário ou o slogan vivem todos dentro dessa caixa de 1546×423.

  3. 3

    Preenche a faixa de computador

    A banda que vai da margem esquerda à direita, à altura da área segura, é o que a maioria dos visitantes vê no computador. Prolonga o fundo por ela; evita pôr nas margens da área segura qualquer coisa que pareça cortada.

  4. 4

    Trata o resto como pano de fundo

    O que fica acima e abaixo da faixa só se vê na televisão. Continua aí o fundo, para que a imagem pareça completa, mas não ponhas lá informação.

  5. 5

    Verifica todas as vistas

    Pré-visualiza num telemóvel, num portátil e, se puderes, numa televisão. O YouTube também mostra uma pré-visualização por dispositivo quando carregas a imagem.

Northlight Studio
Filmes novos todas as quintas.
Gradiently · @gradiently

Arte do canal com as palavras no centro, onde todos os dispositivos as mostram, e o fundo a encher o resto nos ecrãs maiores.

O que pôr no teu banner do YouTube

A área segura é pequena, por isso escolhe um ou dois destes em vez de todos.

  • O nome ou o logótipo do canal, se não for óbvio pela tua foto de perfil.
  • De que trata o canal, em poucas palavras: “Cerâmica para principiantes” diz mais do que um slogan.
  • Quando chegam vídeos novos, como “Filmes novos todas as quintas”, o que dá aos visitantes uma razão para subscrever.
  • Algo atual, como um curso, um livro ou um evento em direto, que mudas quando acabar.

Erros comuns em banners do YouTube

Evita

  • Texto perto da esquerda ou da direita da faixa de computador, que os telemóveis cortam
  • Um logótipo num canto, que só as televisões mostram
  • Letra pequena que só se lê num computador
  • Uma foto cujo assunto fica acima ou abaixo da faixa
  • Um visual diferente do das tuas miniaturas

Faz

  • Todas as palavras e logótipos dentro da área segura de 1546×423
  • Um fundo que se prolonga com suavidade por toda a tela
  • Uma linha, grande o suficiente para se ler num telemóvel
  • Assuntos colocados na banda central
  • As mesmas cores e o mesmo material das tuas miniaturas

Os gradientes e as texturas ficam muito bem na arte do canal, porque se prolongam naturalmente a qualquer largura sem uma margem evidente. Uma foto tem de ser composta com cuidado para que o assunto caia na banda central; um gradiente simplesmente continua. Como fazer um fundo em gradiente mostra como criar um que não pareça genérico.

Faz o banner condizer com as miniaturas

Os visitantes chegam normalmente ao teu canal a partir de um vídeo. Se o banner partilhar o visual das miniaturas em que acabaram de clicar, o canal parece um só lugar. Usa o mesmo fundo, a mesma letra e as mesmas cores nos dois. Tamanho da miniatura do YouTube trata da outra metade, e branding para criadores da visão de conjunto. Se também fazes transmissões, os fundos para transmissões devem ter o mesmo visual.

A Gradiently inclui a arte do canal do YouTube, as miniaturas e as capas de Shorts como tamanhos predefinidos. Copiar para tamanhos volta a compor um design para cada um, e um Mark é desenhado na resolução completa para cada formato, por isso o banner e as miniaturas partilham um só visual sem esticar nada.

Perguntas frequentes

Qual é o tamanho do banner do YouTube?

2560×1440 píxeis, uma imagem 16:9, carregada como arte do teu canal.

Qual é a área segura do banner do YouTube?

Uma área de 1546×423 píxeis no centro da imagem de 2560×1440. É a única parte mostrada em todos os dispositivos, por isso o texto e os logótipos têm de ficar dentro dela.

Porque é que o meu banner do YouTube aparece cortado no telemóvel?

Os telemóveis mostram só a área central de 1546×423. Tudo o que está fora dela, incluindo o texto perto dos lados da faixa de computador, fica escondido.

Como aparece um banner do YouTube na televisão?

As televisões mostram a imagem completa de 2560×1440 como pano de fundo, por isso as áreas acima e abaixo da faixa de computador devem continuar o fundo.

Um gradiente é um bom fundo para um banner do YouTube?

Sim. Um gradiente ou uma textura prolonga-se naturalmente por toda a largura de 2560 píxeis e pela vista de televisão, sem um assunto que possa ser cortado por um recorte.

O meu banner do YouTube deve condizer com as miniaturas?

Sim. Partilhar o mesmo fundo, a mesma letra e as mesmas cores torna o canal reconhecível para quem chega a partir de um vídeo.

Partilhar este guia

Escrito pela GradientlyConta Gradiently verificada

A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.

Ver o nosso perfil