Pular para o conteúdo principal

Banner da Twitch 1200×480

Um banner de perfil do Twitch tem 1200 por 480 pixels, uma caixa de letra 5:2 atrás do cabeçalho do seu canal. Recorte para essa moldura exata aqui com a sobreposição do avatar e do nome do canal desenhada, para que a parte da arte que precisa ser vista não fique debaixo deles.

Só local

Solte um PNG, JPG, WebP ou GIF

ou em qualquer lugar da página · Escolher um arquivo · 100 MB

Aceitos: PNG, JPG, JPEG, WebP, GIF, AVIF

Banner da Twitch 1200×480: explicação

O banner de perfil é a faixa larga atrás do nome e do avatar de um canal, e 1200 por 480 é o tamanho que o Twitch espera. É uma caixa de letra 5:2 — a mesma proporção de um banner de perfil do Discord e um tamanho completamente diferente, é por isso que os arquivos são reutilizados entre eles e voltam recortados.

Duas coisas invadem essa área. O avatar e o nome do canal ficam sobre a porção esquerda, e a altura visível da faixa muda com a janela do navegador: em uma janela estreita, o banner é recortado verticalmente em vez de escalado, então o topo e a base da sua arte são as primeiras vítimas.

Esta página contém a moldura de 1200 por 480, marca a região que o cabeçalho cobre e exporta o arquivo exato. Nada é enviado, o que vale a saber quando o banner é uma encomenda que ainda não está ao vivo.

A imagem mostrada no player enquanto você está ausente tem um formato completamente diferente — o redimensionador de tela offline sustenta 1920 por 1080.

Se o banner exportado for mais pesado do que você gostaria, o compressor trazê-lo para o tamanho que você nomear.

Imagens do canal do Twitch em um só lugar

Três imagens separadas, três formatos separados. Misturá-las é o motivo mais comum pelo qual um canal parece inacabado.

ImagemTamanhoProporçãoOnde aparece
Banner de perfil1200 × 4805:2Atrás do nome e do avatar do canal
Foto de perfil256 × 2561:1Circular, ao lado do nome do canal
Banner do player de vídeo1920 × 108016:9No player enquanto você está offline

Projetando em torno da sobreposição do cabeçalho

O círculo do avatar e o nome do canal ocupam a porção esquerda do banner, e os botões de seguir e inscrever ficam à direita deles. O que fica visivelmente seguro são as áreas superior e direita — é aí que um logo, uma programação ou uma frase de efeito pertencem.

O retângulo tracejado na visualização marca essa região. Trate tudo fora dela como textura: um gradiente, um padrão, uma fotografia sem assunto no canto inferior esquerdo. Um banner que depende de seu lado esquerdo parece quebrado em todas as telas que renderizam o cabeçalho.

Por que o topo e a base desaparecem em janelas estreitas

O Twitch renderiza o banner para preencher a largura do cabeçalho. Conforme a janela fica mais estreita, a faixa mantém a mesma largura da janela e é recortada verticalmente em vez de diminuída, então a faixa visível efetiva é menor que 480 pixels em pequenas larguras.

Mantenha qualquer coisa importante dentro do meio vertical da moldura. Uma frase de efeito a 40 pixels da borda superior some em uma janela de laptop, e não há aviso de que isso aconteceu.

Formato, peso e o que o Twitch faz após o envio

JPEG para banners fotográficos ou pintados — muito menores que PNG na mesma qualidade visível em uma faixa de 1200 pixels. PNG para cores planas, bordas nítidas e letras, onde o anel do JPEG é visível em torno de cada letra. O Twitch re-codifica o que recebe para entrega, então uma fonte limpa e de alta qualidade dá ao seu codificador o melhor material em vez de somar duas rodadas de perda.

Perguntas frequentes

Qual o tamanho de um banner de perfil do Twitch?

1200 por 480 pixels, uma proporção de 5:2. É o banner atrás do nome e do avatar do canal. Não é o mesmo que o banner do player de vídeo offline, que é 1920 por 1080, e não é o mesmo que a foto de perfil, que é um quadrado de 256 pixels.

Por que a parte superior do meu banner do Twitch está cortada?

Porque o cabeçalho preenche a largura da janela do navegador e recorta verticalmente em vez de diminuir. Em uma janela estreita, a faixa visível é menor que 480 pixels. Mantenha frases de efeito e logos no meio vertical, perto das bordas superior ou inferior.

O que cobre o lado esquerdo do banner?

O avatar do canal e o nome do canal, com os botões de seguir e inscrever ao lado deles. O retângulo tracejado na visualização marca o que fica limpo. Qualquer coisa colocada sob o cabeçalho não está exatamente escondida — está lá, atrás de texto e um círculo, o que é pior que vazio.

Devo exportar um banner maior que 1200 por 480?

Você pode, desde que a proporção permaneça 5:2 — 2400 por 960 reduz de forma limpa e parece mais nítida em uma tela de alta densidade. O que não ajuda é um arquivo maior em formato diferente, que simplesmente dá ao Twitch mais para cortar dos lugares errados.

JPEG ou PNG para um banner do Twitch?

JPEG se a arte for fotográfica ou pintada, onde é várias vezes menor sem diferença visível neste tamanho. PNG se tiver cor plana, bordas nítidas ou texto, onde o anel do JPEG aparece em torno de cada letra. WebP faz os dois bem se você não precisa passar o arquivo para mais ninguém.

Meu banner é enviado para este site para ser redimensionado?

Não. O decodificar, recortar, redimensionar e codificar tudo é executado nesta aba do navegador e o arquivo nunca sai da sua máquina. Não há servidor aqui para recebê-lo, o que você pode verificar nas DevTools em vez de ter que confiar.