Menu Fechar

Twitch Graphics Size Guide

Twitch Graphics Size Guide

Are you a stream designer? DIY streamer on a budget? Consider this Twitch Size Guide the bible for creative-types.

We’re going to show you all the best specs for your Twitch graphics. Dimensions, file sizes and formats for the essential designs, including:

  • Profile Picture & Banner
  • Webcam Overlay
  • Twitch Panels
  • Video Player Banner
  • Stream Alerts
  • Emotes & Badges
  • And more

This Twitch Size Guide is designed for both artists and streamers — a quick reference you can keep bookmarked. Everything has been tested and optimized by our team of 50+ Twitch creatives. We used only the latest, up-to-date specs for 2020-2021 and beyond. E vamos continuar a lançar novas actualizações ao longo do tempo.

p> Vamos começar.

Twitch Profile Picture (Avatar) Picture

Damos início com o básico. A sua Imagem de Perfil, também referida como Avatar, é a imagem principal associada ao seu canal Twitch. É provável que seja a primeira impressão de um novo espectador da sua marca de stream, então faça-o contar.

E aparece em todos os lugares. Aqui estão alguns locais-chave onde os telespectadores irão identificá-lo:

  • Navegação do Twitch e Pesquisa de Canais
  • ‘Going-Live’ Email Alert Notifications
  • Pesquisas Web (Incluindo Google)
  • Posts do Twitter Incluindo o seu link de stream

Por isso não seja um pleb. Faça o seu dimensionamento correcto.

Nota que ao contrário da maioria dos outros gráficos de stream, as Fotos de Perfil são quadradas – você precisará usar uma relação de aspecto 1:1 (altura e largura iguais). Twitch recomenda dimensões mínimas de 200 x 200 pixels, com um máximo de 256 x 256 pixels. Sugerimos o uso de 256 x 256, se possível, para garantir a melhor qualidade de imagem possível – qualquer coisa acima deste tamanho e o Twitch irá automaticamente reduzir a sua imagem. O tamanho máximo do arquivo é 10MB, e os tipos de arquivo aceitos incluem JPEG & PNG.

Dimensões recomendadas: 256 x 256 pixels

Tamanho máximo de ficheiro: 10MB

Tipos de ficheiro aceites: JPEG, PNG

Dicas dos Designers:

Recomendamos a utilização da sua imagem de marca principal aqui, quer seja um logótipo kick-butt stream ou uma foto da sua grande e bonita caneca. Seja qual for a sua escolha, certifique-se de que o assunto se encaixa no máximo possível da moldura. Isto porque a imagem do perfil (que já é pequena para começar) será frequentemente reduzida para caber em diferentes dispositivos, navegação Twitch, etc.

O produto final deve ser claro e distinto – os espectadores devem ser capazes de reconhecer imediatamente o seu canal a partir da sua imagem de perfil. Se eles precisarem de se esguichar para fazer a sua imagem, você está fazendo errado.

Twitch Avatar Size

Twitch Profile Banner Size

A altura ideal para o seu banner de perfil é 480px. Qualquer coisa mais alta ou mais curta será automaticamente escalada pelo Twitch. Evite isto pois pode reduzir a qualidade da sua imagem.

Largura pode ser um pouco mais complicada. Tecnicamente, o Twitch recomenda uma largura de banner de 900px, embora sugerimos um design mais largo para melhor escalabilidade em telas grandes. Por que isso?

Bem, 900px ficará bem em telas pequenas e de tamanho normal. Isso inclui dispositivos móveis, tablets e monitores padrão. No entanto, em telas maiores e de alta resolução, como TVs ou monitores ultravioleta, a sua imagem vai ser esticada muito além dos 900px. E isso pode causar distorções graves, deixando-o com uma imagem de banner desfocada e granulada.

Para contrariar isso, recomendamos aumentar a largura para 1200px. Isto permite uma melhor escala em telas mais largas, deixando você com um banner nítido e limpo em qualquer resolução. Qualquer coisa maior que 1200px é provavelmente exagerado.

example profile banner mostrando as melhores dimensões e tamanho de arquivo

Cerve seu perfil banner abaixo de 10MB, caso contrário Twitch irá comprimir sua imagem. Isto pode causar distorção de imagem e artefatos, o que é um grande não-não.

Como formato, você tem a opção de arquivos JPEG ou PNG. Um truque limpo é usar PNGs transparentes, para contrariar a estranha saliência do UI no canto inferior direito do seu banner. Para a maioria dos streamers no entanto, JPEGs ou arquivos PNG não-transparentes irão funcionar muito bem.

Dimensões recomendadas 1200 x 480 pixels

Tamanho máximo de arquivo: 10MB

Tipos de arquivo recomendados: JPEG ou PNG

Twitch Webcam (Overlays) Size

Overlays

Então você optou por usar uma webcam overlay on-stream. Um brinde a isso. Em breve, essa sua bela face será visível para centenas, se não milhares de telespectadores em todo o mundo. Agora não se pareça com um novato com um slipshod overlay – ponha algum tempo & pensado no design da sua webcam e você se verá recompensado.

Existem duas opções populares de webcam a considerar aqui: proporções de aspecto 16:9 ou 4:3. Em última análise, a escolha dependerá da resolução da sua câmara de streaming. Enquanto 16:9 tende a ser mais comum, algumas streamers preferem frames de webcam 4:3

Na realidade, as Webcams são um pouco estranhas do ponto de vista do design. É complicado fixar tamanhos ou dimensões específicas, uma vez que as serpentinas normalmente cortam suas caixas de webcam via OBS para caber no tamanho que estão procurando – ou fazendo formas personalizadas através de máscaras, etc. A moldura final será quase sempre reduzida e ajustada por cada serpentina para atender às suas necessidades. Geralmente, não há duas serpentinas que vão dimensionar a sua câmara exactamente do mesmo tamanho – tudo se resume à preferência pessoal.

Por esta razão, recomendar uma resolução específica da webcam é difícil, embora sugerimos torná-la tão grande quanto possível. No mínimo, comece com 1920 x 1080 pixels, para que ao reduzir a escala você preserve a qualidade do design. Se a sua webcam for estática, use um PNG (JPEGs não são recomendados, pois não suportam transparência). Para molduras animadas, vá com GIF.

Dimensões recomendadas: 1920 x 1080 pixels

Tipos de arquivo aceitos: PNG (Estático), GIF (Animado)

Dicas dos Designers:

Embora a webcam possa parecer simples, há MUITAS opções aqui, e muitas streamers experimentam com vários tipos de design até encontrarem o ajuste certo. As webcams podem variar desde simples quadros minimalistas até sobreposições mais complexas com tickers & stream info, até desenhos totalmente animados e dinâmicos. Como sempre, recomendamos que se mantenha um design que se adapte à marca do seu canal e aos temas visuais.

Você também vai querer brincar com a colocação no ecrã e o dimensionamento da sua webcam overlay. Jogando um jogo com informações complicadas de IU, como League of Legends ou World of Warcraft? Considere minimizar o tamanho da sua webcam e organizá-la para que ela não cubra indicadores chave no jogo. Por outro lado, com jogos Battle Royales ou FPS como o Overwatch com UIs mais simples dentro do jogo, você tem mais liberdade RE: webcam layout.

Webcams

Twitch Panels Size

A largura máxima do painel é de 320 pixels. Qualquer coisa mais larga ou mais estreita e Twitch irá automaticamente escalar sua imagem para 320px. Isto pode causar distorção, tornando o seu painel mais difícil de ler para os espectadores.

Altura do painel permite mais liberdade e criatividade. Para painéis tradicionais (ou seja, retangulares), recomendamos uma altura entre 60-100px. Este é normalmente o ponto ideal para incluir uma única linha de texto e um ícone no interior. Estes tipos de painéis são ótimos para uso como divisores organizacionais e call-to-actions.

Exemplo painel mostrando dimensões ideais e tamanho de arquivo
Recomendação de tamanho para painéis tradicionais, retangulares Twitch.

Um segundo tipo de painel, mais avançado, é o painel quadrado ou vertical. Eles são frequentemente utilizados para fins informativos, como a exibição de emotes, regras de canal, especificações do PC, horários e patrocinadores. Para estes painéis, recomendamos aproveitar os limites superiores das especificações de altura do Twitch, que podem ir até 600px!

As para tamanho de arquivo, mantenha seus painéis do Twitch abaixo de 2,9MB. Qualquer coisa maior será auto-comprimida, o que pode resultar em uma imagem desfocada, em baixa resolução.

Para formato, você definitivamente quer usar arquivos PNG transparentes. Enquanto Twitch tecnicamente aceita JPEGs, você estará se limitando de forma criativa. A transparência permite que você use painéis com bordas curvas e o design floresce ao longo das bordas. Isto significa mais formas e estilos de arte out-of-the-box, não apenas quadrados lineares e rectângulos. E isso é (quase) sempre uma coisa boa.

Dimensões recomendadas: Tradicional: 320 x 60-100 pixels. Alto: 320 x < 600 pixels

Tamanho máximo de arquivo: 2.9MB

Formato de arquivo recomendado: Transparente PNG

Tamanho do Banner do Twitch Video Player (Telas Offline)

Banners do Video Player – frequentemente referidos como ‘Twitch offline screens’ – têm especificações de tamanho relativamente simples. Lembre-se, a caixa do Twitch Video Player é 16:9, por isso o seu banner terá de corresponder a esta relação de aspecto. Por esse motivo, a maioria das serpentinas tem dimensões de 1920 x 1080px. Isso deixa você com uma tela grande, de alta resolução, que ainda fica ótima em telas maiores.

examplo da tela offline mostrando as melhores dimensões e tamanho de arquivo

Keep seu tamanho de arquivo abaixo de 10MB, caso contrário sua imagem será auto-comprimida pelo Twitch. A compressão não desejada pode diminuir severamente a qualidade da sua imagem, causando pixilação e artefatos.

Recomendamos o uso do formato JPEG ou PNG. Enquanto o Twitch tecnicamente aceita arquivos GIF, ele não suporta telas animadas offline. Portanto, se você carregar um GIF ele mostrará apenas o primeiro frame da sua animação. E isso é ruim.

Dimensões recomendadas: 1920 x 1080 pixels

Tamanho máximo de arquivo: 10MB

Tipos de arquivo recomendados: JPEG & PNG

Tamanho dos alertas

Ao criar os seus próprios alertas, recomendamos que comece a partir de uma tela de 800 x 600px. Este é o tamanho padrão de uma fonte OBS ou caixa de alerta Streamlabs, deixando muito espaço para criar, programar e configurar o seu design.

Após criar o alerta, recomendamos o uso de uma largura ligeiramente maior entre 700-750px. Isto deixa-lhe espaço suficiente para respirar e espaço de acolchoamento nos lados do seu alerta. A altura padrão para os alertas é entre 200-250px. Descobrimos que este é o ponto ideal para a maioria dos tipos de alertas tradicionais. Se você quiser, pode adicionar um pouco mais de altura para efeitos de animação, acolchoamento geral e mensagens de texto. Para alertas de boxier e altura, você pode até aumentar a altura até 800px.

Na realidade, estas dimensões são mais sugestões do que regras de ironclad. Não existe um tamanho de alerta perfeito, uma vez que as dimensões exactas variam de acordo com o designer e o contexto.

Visuais por exemplo, faça o seu próprio exemplo de alerta de fluxo de impulso
Size recommendation for Twitch Alerts

Tecnicamente, o tamanho do arquivo de alerta varia de acordo com o software OBS que você está usando: Streamlabs ou StreamElements. O tamanho máximo do arquivo para Streamlabs é 10MB e em StreamElements é de 30MB. Na realidade, porém, você deve sempre tentar manter o tamanho de alerta abaixo de 2-3MB. Manter seu tamanho de arquivo baixo garante a melhor performance em todos os softwares OBS.

Quando se trata de formato de arquivo, você provavelmente vai querer algo que suporte transparência. A transparência permite que seus alertas tenham bordas curvas e formas não lineares, contra apenas quadrados e retângulos. Também permite que a sua camada de alerta sobre o fundo do jogo, sem obscurecer demasiado a visualização para o seu público.

Os ficheiros JPEG não suportam transparência, por isso para quaisquer alertas estáticos (unânimes) você vai querer usar um PNG transparente. Para alertas animados, você vai querer usar o formato WEBM, uma vez que esses suportam transparência. Evite arquivos GIF, pois eles têm compressão terrível (importante para manter o tamanho do arquivo baixo) e só suportam transparência de 1 bit, o que nunca é ideal.

Dimensões recomendadas: 700-750 x 200-250 pixels

Tamanho de arquivo recomendado: 2-3MB

Tamanho máximo de arquivo: 10MB (Streamlabs), 30MB (StreamElements)

Tipo de arquivo recomendado: Transparente PNG (Estático), WEBM (Animado)

Tamanho de Emotas de Emissão do Interruptor

Denominação de Ementas

Relembre a primeira vez que você viu o Kappa emote? Pogchamp? Provavelmente intrigado, talvez um pouco curioso. Mas depois de alguma pesquisa rápida você de repente sentiu que tinha sido admitido em um clube secreto. Como se tivesses sido deixado entrar numa piada interna. E você imediatamente começou a enviar spam com o seu novo sentimento nas conversas do Twitch.

Este é o poder de construção da comunidade dos emotes. E você pode aproveitar esse poder com emotes personalizados exclusivos para o seu canal. Faça com que as pessoas comecem a largar os seus emotes no chat – não só o seu fluxo parecerá vivo e dinâmico, como os novos espectadores começarão a esmagar aquele Sub Botão apenas para entrar na acção.

Currentemente, os afiliados do Twitch só podem carregar um emoticon personalizado para o seu canal. ENTANTO, os Afiliados podem carregar duas variações emocionais adicionais exclusivas para a camada de Subscrição – por exemplo, os espectadores que optarem por um Sub Nível 2 $9.99 desbloqueiam um design emotivo único, como é o caso do Sub Nível 3 $24.99. Uma vez atingido o Parceiro, todos os olhos estão voltados para os Pontos de Assinatura, que se acumulam à medida que os telespectadores assinam o seu canal ao longo do tempo. À medida que você atinge novos objetivos de Sub-Pontos, você desbloqueia espaços adicionais para emoticons, o que lhe permite carregar mais designs de emoticons para o seu canal. Para ver a lista de níveis, confira este post do Twitch. No momento, o máximo # de emotes que podem ser carregados no seu canal é 50.

Feeling artsy e independente? Procurando criar suas próprias emotes? Você vai querer ter o tamanho e a formatação certos, já que todas as emotes precisam ser submetidas ao Twitch para revisão antes que você possa usá-las no seu canal. Cada emote precisa ser submetido nos três tamanhos seguintes: 28 x 28 pixels, 56 x 56 pixels, e 112 x 112 pixels – então não se esqueça de salvar três versões diferentes. Todos os emotes devem ser transparentes, por isso você precisará manter o formato PNG. Oh, e o tamanho máximo do arquivo é 25KB.

Dimensões recomendadas: 112 x 112px, 56 x 56px, & 28 x 28px

Tamanho máximo de ficheiro: 25KB

Tipos de ficheiro recomendados: PNG

Dicas dos Designers:

P>Pense nos seus emotes favoritos. São todos desenhos relativamente simples, quando se pensa realmente no assunto. Essa é a chave – os seus emotes devem ser simples mas icônicos para a sua marca de streamer. Muitas vezes vemos as serpentinas cometerem o erro de embalar demasiados detalhes nos seus emotes. Claro, pode parecer ótimo em alta resolução, mas uma vez que você reduza para o tamanho mínimo de 28 x 28 pixels (como aparecerá no chat), todos esses detalhes extras serão perdidos. O bate-papo será deixado sem brilho no seu design borrado e caótico. Feelsbadman.

Então mantenha-o simples. Use uma imagem bem definida que ainda possa ser claramente reconhecida em tamanho de mordida. Isto inclui texto – todas as palavras ou frases devem ser grandes, porque o texto é uma das primeiras coisas a ser perdida quando a sua emoção é diminuída.

Tamanho de Ementas

Tamanho de Distintivos de Troca (Distintivos de Assinante, Distintivos de Fidelidade)

P>Pense no Chat da sua streamer preferida. Quando você entra lá como Assinante, você repete aquele crachá do canal com orgulho. Você é um veterano do canal deles e você apoiou diretamente a carreira deles na transmissão. Orgulho, lealdade, epeen… O que quer que lhe chames, esse mesmo fenómeno pode ser recriado no teu canal quando carregas os Subscriber Badges.

Twitch Sub Badges são automaticamente exibidos ao lado do nome de um espectador subscrito no Chat, e são exclusivos para o teu canal. Twitch Afiliados e Parceiros têm a capacidade de carregar projetos personalizados para este ‘Badge Base’, o que indica que o telespectador está inscrito há pelo menos um mês no seu canal. O Crachá Base padrão é uma estrela… Não seja esse cara/rapariga. Vá com um design exclusivo para o seu canal Twitch e marca – confie em nós, ele irá pagar.

Afiliados e Parceiros também têm a capacidade de fazer upload de Crachás de Fidelidade, que são crachás personalizados exclusivos que refletem o tempo que um telespectador foi subscrito no seu canal. Por exemplo, um Assinante de 6 meses para o seu canal teria um design diferente do de um Assinante de 3 meses. Esta é uma oportunidade para você recompensar seus subscritores mais fiéis com um toque exclusivo no chat – e também é um incentivo para que os telespectadores permaneçam assinantes na esperança de desbloquear o próximo nível de crachás. Atualmente, os Afiliados podem carregar crachás de fidelidade personalizados para Assinantes de 3 meses, 6 meses e 1 Ano (além do seu crachá base). Parceiros desbloqueiam slots adicionais para espectadores com subscritores entre 2 e 8 anos.

Emotes não semelhantes, os crachás não requerem revisão e aprovação do Twitch – você pode carregá-los para o seu canal assim que estiverem prontos. Cada crachá precisa ser carregado em três tamanhos: 18 x 18 pixels, 36 x 36 pixels e 72 x 72 pixels, portanto salve três cópias diferentes de cada crachá. Todos os crachás precisam ser arquivos PNG transparentes, com um tamanho máximo de arquivo de 25KB.

Dimensões recomendadas: 72 x 72px, 36 x 36px, & 18 x 18px

Tamanho máximo de ficheiro: 25KB

Tipos de ficheiro recomendados: PNG

Dicas dos Designers:

Como discutimos com emotes, os seus designs devem ser claros e simples para compensar a redução da escala de tamanho. Isto é extra-verdade para os Subscriber Badges, que são quase metade do tamanho do seu emote padrão de chat. Há uma razão para que a maioria dos melhores Twitch Badges sejam desenhos minimalistas e simplistas. Não complique demais as coisas.

Em um orçamento apertado ou com pouco tempo? Opte por mudanças de cor simples em seus crachás, ao contrário de designs inteiramente exclusivos. Por exemplo, Base Sub é um coração vermelho, 3 meses é um coração verde, 6 meses é um coração púrpura, etc. Quando feito corretamente, estes podem ser tão eficazes quanto os designs de crachás únicos – embora a maioria das serpentinas prefira atualizar para designs únicos uma vez que eles tenham os recursos ou tempo para fazê-lo.

Badges Size

Twitch VOD Thumbnail Size

Por vezes tudo bate certo no fluxo… Você está na zona, as doações & subs estão rolando, e o chat está en fuego. Uma vez que a tela Stream Ending tenha rolado, salve aquele garoto mau como um VOD para compartilhar com sua comunidade em uma data posterior. Mas uma streamer profissional sabe que os VODs sozinhos não garantem visualizações – você vai querer carregar uma imagem de Thumbnail envolvente e criativa para ter seguidores clicando.

Esta é relativamente simples – você não precisa de habilidades insanas de design para fazer uma Twitch Thumbnail épica. Você vai querer ficar com a relação de aspecto padrão 16:9, com dimensões máximas de 1280 x 720 pixels. Fique com JPEGs ou PNGs, fácil como uma torta.

Dimensões recomendadas: 1280 x 720 pixels

Tipos de arquivo recomendados: JPEG, PNG

Dicas dos Designers:

Criativo, pessoal! Este não é o momento de usar um frame genérico, padrão do seu stream. Pense nas miniaturas que você normalmente vê em outros canais do Twitch streamers, ou no YouTube – em quais vídeos você mais provavelmente irá clicar? Imagens com um ponto de foco claro e ampliado funcionam melhor, quer seja um closeup da sua bela caneca, um momento épico no jogo, ou uma criação personalizada. Apenas pegue um instantâneo da sua transmissão, corte-o e – se você tiver algumas habilidades de design – considere adicionar texto ou sobreposição de imagens ao produto final para um pouco de tempero extra.

Não passe muito tempo aqui, mas não o ignore também. Os VODs podem ser poderosos criadores de canais, e uma miniatura de pontapés vale o investimento. Basta olhar para a frequência com que o Ninja executa as suas transmissões passadas – há claramente alguma coisa nele!

Twitch VOD Size

Conclusion

Welp, aí está, pessoal. Recomendações de design e dimensões de dimensionamento para todos os gráficos de Twitch essenciais. Agora vá lá fora e conquiste o mundo do design como alguns faceroll-EZ, o uber-tilted Bob Ross. O pincel está nas suas mãos e a esfera da serpentina é a sua tela.

Estamos confiantes que você tem todas as ferramentas necessárias para dar o próximo passo, mas se você precisar de alguma ajuda ao longo do caminho, nossa equipe de designers de streamers profissionais está aqui para dar uma mão. A nossa colecção de Twitch overlays premium free e pré-fabricados está sempre à sua disposição. E quando o dia chegar para o design personalizado e personalizado de stream para o seu canal, você sabe a quem chamar.

Fique atento para as próximas duas partes da nossa série de dimensionamento de stream! A Parte Dois cobrirá os gráficos essenciais do Mixer stream, e a Parte Três abordará as imagens de mídia social mais importantes para o seu stream.

Até lá, continuem, garotos legais.

Love,

VBI

NOTE: Enquanto nós sempre preferimos que você trabalhe com nossa equipe de designers, animadores e ilustradores experientes, nós também reconhecemos que – como nós – você é um tipo criativo. Um inovador dissidente disposto a sujar as suas mãos. O mundo não consegue manter os seus fantásticos poderes enjaulados, e nós também não… Se mudar de ideias e decidir deixar o design nas mãos dos profissionais, a VBI tem as suas costas. Compre nossos designs de stream disponíveis, navegue em nossa coleção de gráficos de stream grátis, ou dê um pontapé na sua carreira com o design Twitch personalizado.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *