Criador de GIF

Adicione as fontes, defina a forma e a velocidade, veja a pré-visualização em loop e exporte.

1. 1Adicione fotos, clipes ou um GIF: Solte imagens JPG, PNG, WebP ou AVIF, clipes MP4, WebM ou MOV, ou um GIF animado existente cujos quadros queira reaproveitar.
2. 2Corte cada clipe: Cada fonte de vídeo tem o seu ponto de entrada e de saída, por isso só os segundos que quiser viram quadros.
3. 3Ordene e temporize a sequência: Suba ou desça as fontes, escolha a taxa de quadros e a forma da tela em que cada quadro é encaixado.
4. 4Veja a pré-visualização: A pré-visualização reproduz exatamente os quadros que serão exportados, com os mesmos atrasos, para conferir o ritmo antes da codificação e não depois.
5. 5Exporte: Baixe o .gif, ou leve todos os quadros como arquivos PNG num único arquivo.

Um GIF toca em qualquer lugar onde uma imagem apareça: numa janela de conversa, num comentário de pull request, num e-mail, numa documentação que não consegue embutir um leitor. Ele repete sem clique e não precisa de controles. Esse alcance é a razão para aceitar os seus limites: 256 cores por quadro e nenhum som.

O que este criador oferece

• Fontes misturadas: fotos, clipes de vídeo cortados e um GIF animado existente podem alimentar a mesma animação, na ordem que você definir.
• Corte de verdade: cada clipe tem os seus pontos de entrada e saída, por isso três segundos de uma gravação de dois minutos custam três segundos de quadros.
• Ritmo visível: a pré-visualização reproduz os quadros que serão exportados, com os atrasos que serão gravados.
• Arquivos menores: cada quadro guarda apenas os pixels que mudaram desde o anterior, que é onde costuma estar quase todo o peso de um GIF.
• Nada sai do dispositivo: os arquivos são lidos, decodificados e codificados onde já estão.

GIF é um formato de paleta: cada quadro é reduzido a no máximo 256 cores de uma tabela, e esses índices são depois comprimidos. Tudo o que faz um GIF ficar bom ou ruim acontece nessa redução.

A cadeia, passo a passo

• Amostragem: os clipes são decodificados uma vez, para a frente, e os quadros são retirados na sua taxa entre a entrada e a saída.
• Encaixe: cada quadro é desenhado numa mesma tela — com faixas, cortado ou esticado, conforme a sua escolha.
• Paleta: as cores são contadas em quadros retirados de toda a animação, não só do primeiro, para que uma cor que aparece tarde também esteja representada.
• Correspondência: cada pixel recebe a entrada de paleta mais próxima, com aceleração por hardware onde o dispositivo permite.
• Diferenças: um quadro guarda apenas a região alterada e marca como transparentes os pixels iguais, deixando ver o quadro de baixo.
• Empacotamento: os índices são comprimidos e escritos com os seus atrasos e repetições num único .gif.

O peso de um GIF vem de pixels × quadros × complexidade de cor, nessa ordem. Metade da largura deixa um quarto dos pixels; metade da taxa deixa metade dos quadros. Ambos pesam muito mais do que qualquer controle de qualidade.

• Tamanho de saída: de longe a alavanca mais forte. 480px de largura sobram para uma janela de conversa.
• Taxa de quadros: 8–12 fps parecem fluidos em gravações de tela e loops de produto. Acima de 15 você paga por um movimento que quase ninguém nota.
• Cores: gráficos planos, capturas e gravações de interface muitas vezes ficam idênticos com 64 cores e pesam uma fração.
• Corte: mais curto é menor, exatamente na proporção. Tirar dois segundos poupa mais do que qualquer outro ajuste desta página.
• Tolerância de semelhança: deixa pixels quase idênticos contarem como inalterados, e vídeo com ruído comprime como vídeo limpo.

Os clipes são decodificados numa única passagem para a frente em vez de saltar quadro a quadro, por isso uma fonte longa custa por quadro quase o mesmo que uma curta em vez de muito mais.

• Corte primeiro, ajuste a taxa depois: o orçamento de quadros distribui-se pela janela que ficou, por isso um corte mais apertado compra movimento mais fluido sem tamanho extra.
• Clipes verticais: escolha a tela 9:16 para que o quadro seja preenchido em vez de ficar com faixas dentro de um formato horizontal.
• Gravações de tela: poucas cores e grandes áreas sem alteração — baixe o número de cores e deixe a diferença fazer o resto.
• Som: GIF não tem. Se o áudio importa, o clipe deve continuar sendo um vídeo.

Tudo no painel de ajustes muda os bytes exportados, e mexer em qualquer um marca um GIF pronto como desatualizado em vez de o deixar passar por atual.

• Forma da tela: quadrada, horizontal, vertical, clássica, ou seguindo as fontes.
• Escalar ao quadro: encaixar com faixas, preencher e cortar, ou esticar até a caixa.
• Preenchimento das faixas: o que preenche as margens — branco, preto, uma cor à sua escolha, ou transparente.
• Pontilhado: desligado para gráficos planos, ordenado para uma textura rápida e uniforme, difundido para os degradês mais suaves.
• Repetições: para sempre, ou um número fixo de reproduções.
• Transição: uma dissolvência entre uma fonte e a seguinte, para apresentações.
• Legendas: uma linha de texto gravada nos quadros de uma fonte, posicionada como proporção da tela para manter o lugar em qualquer tamanho de exportação.

Curto, mudo, em loop e embutido onde um leitor de vídeo é incómodo ou não existe.

Bons usos

• Relatos de erro: uma gravação de tela de cinco segundos que toca dentro do ticket.
• Documentação: mostrar um percurso de cliques sem alojar um vídeo.
• Conversas e e-mail: reações e loops de produto que tocam sozinhos em todo o lado.
• Lojas e anúncios: uma rotação curta ou um antes e depois num espaço de imagem.
• Apresentações: algumas fotos com uma transição entre elas.

Quando usar outra coisa

• Qualquer coisa com som — um GIF não carrega áudio.
• Material longo ou em alta definição — MP4 ou WebM será menor e mais nítido.
• Degradês fotográficos onde não pode aparecer faixamento — 256 cores é o teto do formato, não um ajuste.
• Reprodução exata de cor — um PNG mantém todas as cores que um GIF tem de descartar.

Defina o tamanho e o corte antes de tudo; decidem quase todo o resultado. Depois ajuste a taxa até o movimento ficar certo, e só então mexa em cores e pontilhado.

• Comece com 480–640px de largura e desça se o arquivo ainda estiver pesado.
• Experimente 10 fps primeiro; suba apenas se o movimento falhar de forma visível.
• Em capturas e gráficos planos, baixe o número de cores antes de mais nada.
• Veja um loop completo na pré-visualização — problemas de ritmo aparecem na emenda entre o último quadro e o primeiro.
• Numa apresentação, dê a cada foto um atraso maior do que daria a um clipe de vídeo.

A correspondência de paleta roda no hardware gráfico do seu dispositivo quando existe, e recorre a um caminho mais lento que produz exatamente os mesmos pixels quando não existe.

• Editor de GIF
• Criador de colagens
• Juntar imagens
• Vídeo para GIF
• Comprimir imagens