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.
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.
| Imagem | Tamanho | Proporção | Onde aparece |
|---|---|---|---|
| Banner de perfil | 1200 × 480 | 5:2 | Atrás do nome e do avatar do canal |
| Foto de perfil | 256 × 256 | 1:1 | Circular, ao lado do nome do canal |
| Banner do player de vídeo | 1920 × 1080 | 16:9 | No 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.
Quais ferramentas relacionadas devo usar a seguir?
- Redimensionar tela offline da TwitchTela offline 1920×1080 com a faixa oculta pelo player marcadaAbrir
- Redimensionar emotes da TwitchEmotes em 112, 56 e 28 px, abaixo de 100 KB, em um ZIPAbrir
- Redimensionar emblemas de inscrito da TwitchEmblemas de 72, 36 e 18 px em um ZIP, dentro de 25 KBAbrir
- Redimensionar banner do DiscordOs dois banners do Discord: 680×240 perfil e 960×540 servidorAbrir
- Redimensionar imagemReduz a imagem sem o serrilhado que outras ferramentas deixamAbrir
- Ferramentas para criadoresRedimensione e otimize banners, avatares, emotes e capas para cada plataforma.Abrir