# Exporte loops em GIF, MP4 ou WebM de qualquer design

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

Um post parado com um fundo que se move devagar é o movimento mais barato que você vai fazer: sem filmagem, sem edição, as mesmas palavras. Veja como exportar isso como loop e qual dos três formatos mandar para cada lugar.

## The short version

- Com o Pro, qualquer design do Gradiently pode ser exportado como um loop contínuo de 5 a 30 segundos em que as palavras ficam paradas e o Mark se move por baixo.
- Quatro ajustes moldam o loop: movimento, ritmo, cor e partículas, e a prévia é reproduzida exatamente como o arquivo final.
- O vídeo é salvo em MP4 ou WebM, conforme o que o seu navegador consegue gravar, em até 1080p, e a gravação leva o mesmo tempo do vídeo.
- Os GIFs exportados fazem loop para sempre e ficam abaixo de 15 MB, diminuindo de tamanho sozinhos quando preciso.
- Um design com várias páginas pode ser exportado como um só vídeo, em que as páginas passam em sequência com as suas transições.

Para **exportar GIF** em loop, ou vídeo em MP4 e WebM, de um design do Gradiently, abra o design no Studio, escolha **Exportar** e selecione **Vídeo** ou **GIF**. Defina uma duração entre 5 e 30 segundos, escolha como o Mark se move e baixe. Suas palavras ficam perfeitamente paradas enquanto o fundo vivo desliza, flui ou respira por baixo delas, e o loop se fecha sem um salto visível, então pode se repetir para sempre num story, num post ou numa tela. As exportações em vídeo e GIF fazem parte do Pro.

## GIF, MP4 ou WebM: qual exportar

| Formato | Melhor para | Vale saber |
| --- | --- | --- |
| **MP4** | Instagram, TikTok, LinkedIn, X, YouTube Shorts, a maioria das telas | O formato de vídeo mais aceito; pequeno para a qualidade que entrega |
| **WebM** | Sites e aplicativos web | Roda em todo navegador moderno; algumas redes sociais não aceitam |
| **GIF** | E-mail, apps de mensagem, slides, lugares que não aceitam vídeo | Faz loop para sempre sem botão de play; as cores são limitadas, então os arquivos ficam maiores e mais suaves |

Quando a plataforma aceita vídeo, mande vídeo. O GIF é a alternativa para lugares que só aceitam imagens.

O formato de vídeo que você recebe depende do navegador: o Gradiently grava o loop no navegador e o salva em MP4 ou WebM conforme o que esse navegador suporta. Se um navegador não consegue gravar vídeo, a janela avisa e sugere o Chrome ou o Safari. A comparação completa está em [GIF ou MP4](https://gradiently.design/pt-br/guide/gif-vs-mp4) e [MP4 ou WebM](https://gradiently.design/pt-br/guide/mp4-vs-webm).

## Como exportar um vídeo em loop

1. **Abra Exportar e escolha Vídeo** A prévia começa a tocar na hora, exatamente como o arquivo final.
2. **Defina a duração** Qualquer valor de 5 a 30 segundos. Se o design tem entradas de texto como subir, saltar, revelar ou máquina de escrever, a janela mostra a duração mínima de que elas precisam para terminar.
3. **Escolha movimento, ritmo, cor e partículas** Teste algumas combinações e observe a prévia. Suas escolhas ficam salvas no design, então a próxima exportação começa de onde você parou.
4. **Grave** O loop é gravado em tempo real, então 20 segundos levam cerca de 20 segundos. Mantenha a guia aberta até o download começar.
5. **Publique como vídeo** Envie o arquivo onde você publicaria um vídeo. [Loops contínuos](https://gradiently.design/pt-br/guide/seamless-loop-video) explica por que uma emenda limpa prende a atenção.

## Movimento, ritmo, cor e partículas

| Ajuste | Opções | O que faz |
| --- | --- | --- |
| **Movimento** | Deriva, Fluxo, Respiração, Redemoinho, Parado | Deriva desliza devagar; Fluxo cria uma corrente constante; Respiração faz a luz crescer quase sem movimento; Redemoinho dobra e gira o material; Parado mantém o campo e move só as partículas |
| **Ritmo** | Lento, Uniforme, Ágil | A velocidade do movimento |
| **Cor** | Original, Brilho, Deslocamento, Ciclo | Original mantém as cores do design; Brilho faz a luminosidade pulsar; Deslocamento inclina os tons para um lado e volta; Ciclo leva os tons por todo o círculo de cores |
| **Partículas** | Do design, Nenhuma, Poeira, Estrelas, Névoa, Enxame, Seda, Brasas | Uma poeira de luz opcional nas cores do Mark |

Comece com calma. Deriva em ritmo Lento com cor Original combina com quase qualquer marca; acrescente mais só se o design pedir.

As combinações mais calmas rendem os melhores loops para o feed, porque parecem uma superfície viva e não uma animação pedindo atenção. Guarde as mais animadas, Redemoinho em ritmo Ágil ou cor Ciclo, para lançamentos, eventos e música, onde a energia é o objetivo. E um loop com Brilho ou Ciclo num story cheio de texto pequeno é mais difícil de ler do que um tranquilo, então combine o movimento com as palavras.

Um post em retrato com a frase Aberto até tarde às sextas sobre um gradiente que desliza devagar

Um loop calmo para um post do dia a dia: o campo desliza, as palavras nunca se movem.

Um story vertical de evento para uma noite de lançamento com um gradiente em redemoinho e partículas de brasa

Um loop mais animado para o story de um evento, com partículas nas cores do Mark.

## Como exportar um GIF

Escolha **GIF** em vez de Vídeo e os mesmos ajustes de loop valem. A escolha a mais é a **Qualidade**: Pequeno, Equilibrado ou Nítido. A janela mostra o tamanho do GIF, a taxa de quadros e uma estimativa do tamanho do arquivo antes do download, e a prévia reproduz o loop exatamente como o GIF vai ficar.

### Para manter um GIF leve

- Um loop mais curto, de 5 a 8 segundos
- Qualidade Pequeno ou Equilibrado
- Movimento calmo com cor Original
- Nenhuma partícula, ou poucas
- Um design de tamanho menor

### O que deixa um GIF pesado

- Um loop longo
- Qualidade Nítido num design grande
- Cor Ciclo, que muda cada pixel
- Partículas densas como Enxame
- Grão fino no campo inteiro

Todo GIF fica abaixo de 15 MB: se um passaria disso, ele diminui de tamanho sozinho. Se mesmo assim não couber, o Gradiently pede que você tente um loop mais curto ou uma qualidade menor. Os GIFs são limitados a 256 cores por quadro, por isso um gradiente suave pode mostrar degraus discretos; [dicas de GIF animado](https://gradiently.design/pt-br/guide/gif-maker-tips) explica como deixá-los limpos.

## Exportando várias páginas como um só vídeo

Um design com várias páginas, como um carrossel ou uma apresentação, pode ser exportado como um só vídeo. As páginas passam uma após a outra, cada uma pela sua própria duração, com a transição que você definiu entre elas: Nenhuma, Esmaecer, Deslizar, Zoom ou Dissolver, em que as palavras afundam no Mark e as próximas emergem dele. Defina durações e transições na barra de páginas; [o guia do criador de carrossel](https://gradiently.design/pt-br/guide/carousel-pages) mostra onde. Escolha **Esta página** em Exportar para receber um único loop.

## Qual duração e qual tamanho usar no loop

- Story e Reels 9:16: 1080 × 1920
- Post em retrato 4:5: 1080 × 1350
- Quadrado 1:1: 1080 × 1080
- Tela 16:9: 1920 × 1080

Crie o design no tamanho do lugar onde o loop vai rodar. As exportações em vídeo vão até 1080p, o que cobre os quatro.

- **5 a 10 segundos** para stories, capas de Reels e posts do feed, onde o loop se repete enquanto a pessoa lê.
- **10 a 20 segundos** para posts com mais texto, ou um carrossel exportado como vídeo.
- **20 a 30 segundos** para telas em lojas, recepções e eventos, onde um ciclo mais longo esconde a repetição.
- **Respeite o movimento reduzido** em sites: ofereça uma versão parada para quem pede menos movimento, como explica [prefers reduced motion](https://gradiently.design/pt-br/guide/reduced-motion).

O raciocínio por trás dessas durações está em [qual deve ser a duração de um vídeo em loop](https://gradiently.design/pt-br/guide/video-loop-length). Para imagens paradas do mesmo design, em PNG, JPEG, PDF e SVG, veja [exportar designs](https://gradiently.design/pt-br/guide/export-images-and-loops).

## FAQ

### Como exporto um design como GIF?

Abra o design no Gradiently, escolha Exportar e depois GIF. Escolha uma duração de 5 a 30 segundos, o movimento e uma qualidade entre Pequeno, Equilibrado e Nítido, e baixe.

### Por que meu vídeo foi exportado em WebM e não em MP4?

O Gradiently grava o loop no seu navegador e o salva no formato que esse navegador suporta. Alguns navegadores gravam MP4, outros WebM.

### Qual o tamanho máximo de um GIF exportado?

O Gradiently mantém todo GIF abaixo de 15 MB, diminuindo o tamanho automaticamente quando preciso.

### As palavras se movem num vídeo em loop exportado?

Não. As palavras ficam paradas enquanto o Mark se move por baixo, a menos que você tenha adicionado animações de texto como subir, saltar, revelar ou máquina de escrever.

### Posso exportar um carrossel como um só vídeo?

Sim. Escolha todas as páginas na exportação de vídeo e elas passam em sequência, cada uma pela sua própria duração, com as transições definidas na barra de páginas.