Qual deve ser a duração de um loop de vídeo para posts e telas?

Qual deve ser a duração de um loop de vídeo? Para a maioria dos posts e stories, de 5 a 15 segundos. Para o fundo de um site, de 10 a 30 segundos. Para uma tela de loja ou espaço onde as pessoas passam todo dia, de 20 a 30 segundos, e para um GIF em e-mail, só de 2 a 5 segundos. A duração certa equilibra três coisas: o tempo para ler as palavras, a frequência com que o recomeço será visto e o tamanho do arquivo. Um loop perfeito com movimento lento pode ser mais curto do que você imagina.

Duração do loop de vídeo por lugar de exibição

Três fatores que decidem a duração

Tempo para ler as palavras

Se o loop carrega uma mensagem, ela precisa ficar na tela o tempo suficiente para ser lida com calma, de preferência duas vezes. Um título de três palavras pede poucos segundos; um título, uma data e um local pedem mais. Se as palavras entram animadas, conte a partir do momento em que elas se assentam, não do início.

Com que frequência o recomeço é visto

Todo loop tem uma emenda, o momento em que o último quadro encontra o primeiro. Mesmo um loop perfeito repete o seu padrão, e quanto mais vezes alguém assiste, mais percebe. Por isso loops vistos por muito tempo, como telas de cafeteria ou o topo de um site, merecem mais segundos do que um post que passa em dois.

Tamanho do arquivo

A duração é o que mais pesa no tamanho do arquivo. Dobre os segundos e, na mesma qualidade, o arquivo mais ou menos dobra. Num site, isso deixa a página lenta; num e-mail, pode levar um GIF além do que as caixas de entrada carregam sem reclamar. Loops curtos com movimento lento dão a melhor relação entre sensação e quilobytes.

Combine a velocidade do movimento com o loop

Duração e ritmo andam juntos. Uma deriva lenta ao longo de 10 segundos parece calma e sofisticada; a mesma deriva espremida em 3 segundos vira um tremor. Como regra, escolha o ritmo primeiro e depois a menor duração em que um ciclo completo daquele movimento pareça sem pressa. Movimentos suaves, como a cor respirando devagar ou a luz atravessando um gradiente, funcionam em qualquer duração porque nunca chamam atenção para onde começam.

Duração de vídeo de fundo para site

Um vídeo de fundo em um site deve durar de 10 a 30 segundos, ser mudo e o menor possível sem perder a limpeza da imagem: mire em alguns megabytes, não em dezenas. Dê a ele uma imagem de capa para que algo apareça enquanto carrega e pause para quem pediu ao aparelho menos movimento. Vídeo de fundo para site trata de compressão e formatos em detalhes.

<video class="hero-loop" autoplay muted loop playsinline
       poster="/hero-poster.jpg" preload="metadata">
  <source src="/hero-loop.webm" type="video/webm">
  <source src="/hero-loop.mp4" type="video/mp4">
</video>

<script>
  // Pause the loop for visitors who prefer less motion
  if (matchMedia('(prefers-reduced-motion: reduce)').matches) {
    document.querySelector('.hero-loop').pause();
  }
</script>

Como escolher a duração do loop, passo a passo

1. 1

   Parta do lugar de exibição

   Pegue a faixa inicial na tabela acima conforme o lugar onde o loop vai tocar.

2. 2

   Cronometre as palavras

   Leia o texto em voz alta duas vezes, sem pressa. O loop deve durar pelo menos isso depois que as palavras se assentarem.

3. 3

   Defina o ritmo

   Use movimento lento para loops de marca e telas; deixe o movimento ágil para posts curtos e energéticos.

4. 4

   Assista cinco vezes

   Reproduza o loop em repetição. Se o recomeço começar a incomodar na quinta vez, acrescente segundos ou desacelere o movimento.

5. 5

   Confira o arquivo

   Se estiver pesado demais para a página ou o e-mail, encurte antes de baixar a qualidade.

Para formatos específicos, veja tamanho do Spotify Canvas, cabeçalhos de e-mail animados e vídeo ambiente para telas que tocam o dia todo.

Duração de loops no Gradiently

Com o Pro, o Gradiently exporta qualquer design como um loop perfeito de 5 a 30 segundos, em MP4 ou WebM até 1080p, ou como GIF. Você escolhe os segundos e um ritmo lento, equilibrado ou ágil, e o movimento do Mark é construído para fechar sem emenda visível na duração que você escolher. A gravação roda em tempo real, então um loop de 30 segundos leva 30 segundos para ser feito; mantenha a aba aberta até terminar.