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

[Canonical HTML page](https://gradiently.design/pt-br/guide/video-loop-length)

Um loop curto demais mostra a emenda a cada poucos segundos; um longo demais vira um arquivo pesado que ninguém assiste até o fim. Veja a duração certa para cada lugar onde um loop vive e como escolher entre elas.

## The short version

- Em posts e stories, um loop de vídeo de 5 a 15 segundos costuma ser longo o bastante para ser lido e curto o bastante para ser revisto.
- Loops de fundo para sites funcionam bem entre 10 e 30 segundos, com um arquivo pequeno o suficiente para carregar rápido.
- Telas em lojas, espaços e recepções pedem loops mais longos, de 20 a 30 segundos, porque as pessoas os veem muitas vezes.
- GIFs animados para e-mail devem ficar em cerca de 2 a 5 segundos, porque o arquivo GIF cresce rápido com a duração.
- Movimento lento deixa qualquer duração de loop mais calma e esconde o momento em que o loop recomeça.

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

| Onde toca | Duração do loop | Por quê |
| --- | --- | --- |
| Post no feed (Instagram, LinkedIn, Facebook) | 5 a 10 segundos | Visto rapidamente na rolagem; loops curtos repetem antes de a pessoa seguir adiante |
| Fundo de story ou Reel | 5 a 15 segundos | Longo o bastante para ler as palavras, curto o bastante para ficar leve |
| Spotify Canvas | 3 a 8 segundos | A faixa do próprio Spotify para loops do Canvas |
| Fundo principal de site | 10 a 30 segundos | O visitante fica um tempo; um loop mais longo esconde o recomeço |
| Telas em espaços e lojas | 20 a 30 segundos | Equipe e clientes fiéis veem o dia todo, então a repetição precisa ser suave |
| GIF em e-mail | 2 a 5 segundos | O arquivo GIF cresce rápido; alguns apps de e-mail mostram só o primeiro quadro |

Durações iniciais para cada lugar onde um loop vive. Ajuste conforme a quantidade de texto do design.

## 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](https://gradiently.design/pt-br/guide/seamless-loop-video) 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.

### Curto demais

- As palavras somem antes de serem lidas
- O recomeço aparece a cada poucos segundos
- O movimento precisa ser rápido para caber, o que passa nervosismo
- Parece um GIF de meme

### Longo demais

- Arquivo pesado, carregamento lento
- Ninguém vê a segunda metade em um feed
- Nada de novo acontece, só mais do mesmo

## 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.

Um loop vertical de story com o texto Aberto até mais tarde às sextas, da Harbour Books, sobre um gradiente em deriva lenta

Um loop de story de 8 segundos: uma linha de texto, uma deriva lenta, que termina antes de repetir demais.

Um loop widescreen para tela de café com o texto Sopa do dia: abóbora assada, servida a partir das 11h30, sobre um gradiente calmo

Um loop de tela de balcão de 30 segundos: o fundo respira tão devagar que quem espera na fila nunca vê o recomeço.

## 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](https://gradiently.design/pt-br/guide/video-background-website) trata de compressão e formatos em detalhes.

```html
<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>
```

Um loop de fundo mudo e inline, com quadro de capa e verificação de movimento reduzido. Os navegadores só reproduzem automaticamente vídeo sem som.

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

1. **Parta do lugar de exibição** Pegue a faixa inicial na tabela acima conforme o lugar onde o loop vai tocar.
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. **Defina o ritmo** Use movimento lento para loops de marca e telas; deixe o movimento ágil para posts curtos e energéticos.
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. **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](https://gradiently.design/pt-br/guide/spotify-canvas-size), [cabeçalhos de e-mail animados](https://gradiently.design/pt-br/guide/animated-email-header) e [vídeo ambiente](https://gradiently.design/pt-br/guide/ambient-video) 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.

## FAQ

### Qual a duração de um vídeo em loop para o Instagram?

De 5 a 10 segundos para um post no feed e de 5 a 15 segundos para o fundo de um story ou Reel, o bastante para ler as palavras duas vezes.

### Qual deve ser a duração de um vídeo de fundo para site?

De 10 a 30 segundos, mudo e comprimido para alguns megabytes, com imagem de capa e pausa para visitantes que preferem movimento reduzido.

### Qual deve ser a duração de um loop de GIF?

Cerca de 2 a 5 segundos. Arquivos GIF crescem rápido com a duração, o que pesa mais em e-mails.

### Um loop mais longo fica melhor?

Só onde as pessoas assistem por muito tempo, como telas e o topo de sites. Em um feed, os segundos extras só aumentam o arquivo sem que ninguém veja.

### Como esconder o ponto em que o loop de vídeo recomeça?

Faça o último quadro fluir para o primeiro, use movimento lento e dê às telas que tocam o dia todo um loop mais longo, de 20 a 30 segundos.