Português ▾
Free, Fast & Secure Online Tools
A maioria das plataformas pega uma imagem e gera o que precisa. A Twitch faz isso em alguns espaços e se recusa nos dois que mais importam — emotes e distintivos — porque nos tamanhos em que são exibidos, o redimensionamento automático produz papa.
A tela offline merece mais atenção do que costuma receber. Para qualquer canal que não esteja ao vivo agora — o que é a maioria dos canais, na maior parte do tempo — é a maior coisa que um visitante vê, exatamente onde a transmissão estaria. Um canal sem ela mostra um marcador genérico a todos que chegam entre transmissões.
Todo emote precisa ser fornecido em 28 × 28, 56 × 56 e 112 × 112 pixels, cada um abaixo de 25 KB, em PNG com transparência.
A Twitch reduz o de 112 por você. Deixar isso acontecer é o erro mais comum de quem desenha emotes, porque 28 × 28 são 784 pixels no total e a redução automática transforma um desenho detalhado num borrão colorido nesse tamanho.
E o de 28 é o que as pessoas veem. É o tamanho do chat — que é todo o sentido de um emote. O de 112 aparece no seletor e nas dicas de ferramenta, ou seja: no lugar onde você o avalia e quase em nenhum outro.
Então o processo certo é desenhar o de 112 e depois abrir o de 28 e corrigir à mão: engrossar linhas que sumiram, remover detalhe que virou ruído, subir o contraste, simplificar a silhueta até ler. É o mesmo argumento de um arquivo ICO guardando vários tamanhos feitos à mão, e pela mesma razão.
O que sobrevive a 28 pixels: um rosto ou um objeto, um contorno forte, duas ou três cores bem distintas. O que não: texto de qualquer tipo, linhas finas, gradientes, traços faciais pequenos e qualquer coisa com fundo.
Essa restrição é específica de emotes de chat e passa fácil, porque você quase certamente desenhou o seu olhando o modo escuro.
O chat da Twitch roda nos dois temas, e o mesmo emote precisa ser legível em ambos. Um emote escuro sem contorno some no chat escuro; um claro some no chat claro.
A solução padrão é um contorno contrastante — uma borda clara num desenho escuro, ou o contrário — ou um desenho com contraste interno suficiente para que nenhum fundo o engula. Confira os dois antes de subir; custa um minuto e é a diferença entre um emote que é usado e um que não.
E como emotes são PNGs transparentes, nunca os exporte por um formato sem canal alfa. Um PNG transparente convertido para JPEG chega como um quadrado preto.
Distintivos precisam de 18 × 18, 36 × 36 e 72 × 72 pixels, cada um abaixo de 25 KB.
Dezoito pixels são 324 no total — menos que um emote e menos que um favicon. Há espaço para uma forma simples em duas ou três cores e nada mais. Conjuntos que funcionam costumam ser uma silhueta reconhecível cuja cor muda por nível, em vez de uma ilustração diferente a cada nível.
É a oportunidade mais desperdiçada num canal da Twitch.
Painéis são os blocos abaixo da transmissão com sua agenda, regras, links e lista de equipamento. Cada painel tem ao mesmo tempo uma imagem e um campo de texto descritivo — e a maioria dos canais coloca todas as palavras dentro da imagem e deixa o campo de texto vazio.
Isso transforma o painel numa imagem de texto: as palavras não podem ser selecionadas, copiadas, pesquisadas, traduzidas, lidas por leitor de tela, nem clicadas se forem links. A imagem ainda fica fixa em 320 pixels enquanto o texto reflui direito.
O arranjo que funciona: use a imagem como cabeçalho — uma barra de título, um ícone, um pedaço de marca, tipicamente 320 × 100 — e ponha o conteúdo real no campo de descrição abaixo. Links nesse campo são clicáveis; links desenhados dentro de uma imagem não.
Com 1920 × 1080 é a tela mais generosa que a Twitch dá, e é vista no tamanho que o player tiver — largura toda no desktop, poucos centímetros no celular.
Vale a mesma regra de qualquer banner: poucas palavras grandes, não um parágrafo. Nome do canal, quando você transmite, e um jeito de te achar em outro lugar. Qualquer coisa menor fica ilegível no celular — e a agenda escrita em letra pequena é justamente a parte que quem chegou entre transmissões queria ler.