Pular para o conteúdo principal
ToolsByUs

Tela offline da Twitch 1920×1080

Uma tela offline do Twitch tem 1920 por 1080 pixels em 16:9 — a imagem mostrada no player de vídeo quando você não está ao vivo. Recorte-a aqui com a faixa coberta pelos controles do player, para que uma agenda ou um handle de rede social não fique atrás 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

Tela offline da Twitch 1920×1080: explicação

A tela offline, também chamada de banner do player de vídeo, é o que alguém vê quando abre seu canal e você não está transmitindo. Ela preenche o player, então é 1920 por 1080 em 16:9 — o formato do stream em si, e não o formato do banner de perfil acima.

É o ativo estático mais valioso de um canal, porque um visitante chegando de um clip ou uma recomendação olha por vários segundos enquanto decide se seguirá. É também a única imagem sobre a qual o Twitch sobrepõe sua própria interface: a barra de controles do player fica na parte inferior, e ao passar o mouse uma linha de título pode aparecer na parte superior.

Esta página recorta para 1920 por 1080 e marca a faixa que os controles ocupam, para que a agenda, as redes sociais e o "volta às 19h" sejam colocados onde possam ser lidos. Tudo é feito no seu navegador — sem envio, sem conta.

A faixa atrás do nome do seu canal tem um tamanho diferente — o redimensionador de banner de perfil cobre 1200 por 480.

Se você precisar que a exportação atingir um tamanho de arquivo específico o compressor usa um alvo em quilobytes.

Para que serve a tela offline

Ao contrário de um banner, esta imagem carrega informações. As que funcionam tendem a responder três perguntas e não mais.

  • Quando você estará ao vivo novamente? Uma agenda semanal é melhor que uma data exata que se torna obsoleta.
  • Onde mais você está? Dois ou três handles, não um muro de ícones.
  • Do que trata este canal? Uma linha, grande o suficiente para ser lida no player em metade do tamanho.

As regiões que o player cobre

A barra de controles fica na parte inferior do player. Em uma página de canal, o player é frequentemente renderizado bem abaixo de 1920 pixels de largura, então essa barra cobre proporcionalmente a mesma faixa — aproximadamente o oitavo inferior do quadro.

O retângulo tracejado marca o que fica limpo. Mantenha toda linha de texto dentro dele e deixe a faixa inferior carregar apenas o fundo.

RegiãoAproximadamenteTrate como
Borda superior8% superiorOcasionalmente sobreposta ao passar o mouse
CentroOs dois terços do meioSeguro — coloque a mensagem aqui
Faixa inferior12% inferiorControles do player; apenas fundo

Texto que sobrevive a um player pequeno

Uma página de canal em um laptop renderiza o player em cerca da metade de 1920 pixels, e em um telefone em muito menos. Texto com tamanho confortável em um arquivo de design de 1920 pixels pode ser ilegível lá.

A regra geral que se mantém: nada menor que cerca de 40 pixels de altura em 1920, que é aproximadamente 2% da altura do quadro. Exporte o arquivo, visualize-o em um quarto do tamanho e, se você não conseguir ler uma linha, ela é muito pequena.

Formato e peso do arquivo

JPEG serve para a maioria das telas offline — elas geralmente são ilustradas ou fotográficas, e um PNG full-HD da mesma imagem é várias vezes maior sem ganho visível. Use PNG quando o design for de cores planas com letras nítidas, onde artefatos do JPEG se acumulam em cada glifo. De qualquer forma, o Twitch re-codifica para entrega, então forneça uma fonte limpa em vez de algo já comprimido.

Perguntas frequentes

Qual o tamanho de uma tela offline do Twitch?

1920 por 1080 pixels, 16:9 — o mesmo formato do stream, porque é mostrada dentro do player de vídeo. É uma imagem diferente do banner de perfil de 1200 por 480 que fica atrás do nome do seu canal acima do player.

Por que a parte inferior da minha tela offline está coberta?

A barra de controles do player é desenhada sobre ela, ocupando aproximadamente o oitavo inferior do quadro. Qualquer coisa colocada lá — uma linha de agenda, uma fileira de handles — fica atrás dos botões. O retângulo tracejado na marcação da área que fica limpa.

O que uma tela offline deve dizer na verdade?

Quando você estará ao vivo novamente, onde mais encontrá-lo e do que trata o canal. Três informações, cada uma em tipo grande o suficiente para ser lida em um quarto do tamanho. Uma tela que é apenas arte parece boa e diz a um visitante pela primeira vez nada sobre se deve seguir.

Por que meu texto é ilegível na página do canal?

Porque o player é renderizado muito menor que 1920 pixels de largura na maioria das telas. Texto dimensionado em um arquivo de design full-HD pode diminuir à metade ou pior. Nada menor que cerca de 2% da altura do quadro, depois verifique o arquivo exportado em um quarto do tamanho antes de enviá-lo.

Posso usar uma tela offline animada?

O banner do player de vídeo é uma imagem estática. Canais que parecem ter movimento ali geralmente estão executando um loop de stream em vez disso, que é um recurso diferente com requisitos diferentes. Esta página prepara a imagem estática, no tamanho exato que o player espera.

A obra de arte deixa meu computador quando exporto?

Não. A decodificação, recorte, redimensionamento e codificação são feitos pelo seu navegador nesta página, e o site não tem nenhum endpoint que possa receber um arquivo. O painel de Rede permanece vício durante toda a exportação, o que é o tipo de afirmação que vale a pena verificar em vez de acreditar.

Equipe ToolsByUs · Como verificamos nossas ferramentas