Tamanho do painel da Twitch: dimensões e guia de design

1. Limite oficial do tamanho do painel

Os painéis aparecem abaixo do player, na área Sobre. O editor atual aceita uma imagem com até 320 px de largura, 600 px de altura e 1 MB. Exportar diretamente em 320 px mostra o tamanho real do texto. Considere 320×600 como o espaço máximo, não como um modelo obrigatório: título, link e agenda precisam de alturas diferentes.

2. Escolha a altura pelo conteúdo

Não existe uma única proporção obrigatória. Mantenha 320 px de largura e adapte a altura. Um cabeçalho 4:1, um cartão 2:1 e uma agenda mais alta podem conviver se cores, bordas e margens forem iguais. Use a menor altura que preserve leitura e espaço confortável.

• Exporte todos os painéis com 320 px de largura.
• Use a mesma margem de segurança.
• Não coloque informações importantes na borda.
• Deixe textos longos na descrição da Twitch.

3. Desenhe para computador e celular

No celular, o painel fica pequeno. Priorize um rótulo curto, um ícone reconhecível e contraste forte. Veja a imagem em 320 px e depois em uma coluna móvel. Se for preciso ampliar, reduza o texto ou leve os detalhes para a descrição. A arte deve orientar, não substituir informação acessível.

4. Exporte com nitidez abaixo de 1 MB

PNG é indicado para cores chapadas, transparência, ícones e tipografia. JPG reduz o peso de fotografias, mas pode criar artefatos. Exporte a cópia final em 320 px e sRGB, confira em 100% e verifique o tamanho do arquivo. Se o PNG passar de 1 MB, simplifique texturas e cores antes de reduzir muito a qualidade.

1. LarguraRedimensione para 320 px exatos.
2. CorUse sRGB.
3. RevisãoConfira texto e transparência.
4. PesoConfirme menos de 1 MB.

5. Crie um sistema visual consistente

Consistência não exige a mesma altura. Defina borda, cantos, tamanho do ícone, posição do rótulo e fundo. Doações, Agenda, Regras, Redes e Equipamentos devem parecer parte do mesmo canal. Use rótulos claros, mantenha avisos de patrocínio em texto visível e teste links periodicamente.

• Use duas ou três cores e um destaque.
• Repita fonte e posição do rótulo.
• Deixe espaço ao redor dos elementos.
• Coloque os painéis úteis no topo.
• Adicione descrição acessível fora da imagem.

6. Erros comuns de tamanho

Uma tela enorme cheia de detalhes pequenos fica ilegível ao ser reduzida para 320 px. Larguras diferentes, espaçamentos aleatórios e ícones sem escala comum também prejudicam o conjunto. Não confunda painéis com banners, telas offline, badges ou emotes: um banner 16:9 não se adapta bem à coluna estreita.

7. Fluxo prático de criação e envio

Duplique um modelo de 320 px, escreva o rótulo mais curto, adicione um ícone útil e escolha a altura adequada. Exporte e revise no tamanho real. Na Twitch, abra Sobre, ative Editar painéis, envie a imagem e adicione link ou descrição. Confira a página desconectado e em largura móvel para encontrar links quebrados, texto cortado, contraste fraco ou altura excessiva.

1. PlanejeMantenha apenas destinos úteis.
2. DesenheUse uma grade comum de 320 px.
3. ExporteCrie PNG ou JPG abaixo de 1 MB.
4. PubliqueVincule, ordene e teste no celular.