# Tamanho do banner do YouTube: desenhar para TV, computador e telemóvel [Canonical HTML page](https://gradiently.design/pt-pt/guide/youtube-banner-size) 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. ## The short version - 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. 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ão | 2560×1440 | A imagem inteira, como pano de fundo em ecrã inteiro | | Computador | Até 2560×423 | Uma faixa a toda a largura, ao meio | | Tablet | Cerca de 1855×423 | Uma faixa mais estreita, aparada dos dois lados | | Telemóvel | 1546×423 | Só 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. **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. **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. **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. **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. **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. Um banner do YouTube de 2560 por 1440 com uma linha centrada, Filmes novos todas as quintas, sobre um gradiente de margem a margem 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](https://gradiently.design/pt-pt/guide/gradient-background) 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](https://gradiently.design/pt-pt/guide/youtube-thumbnail-size) trata da outra metade, e [branding para criadores](https://gradiently.design/pt-pt/guide/creator-branding) da visão de conjunto. Se também fazes transmissões, os [fundos para transmissões](https://gradiently.design/pt-pt/guide/stream-overlay-background) 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. ## FAQ ### 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.