GIF Suite: kit de ferramentas GIF tudo-em-um gratuito

O que é o GIF Suite?

O GIF Suite é um kit de seis abas para trabalhar com GIFs animados: cortar trecho de vídeo, juntar frames em animação, converter GIF antigo em MP4, tirar frames de um GIF e comprimir GIFs grandes demais. Eu construí porque sempre acabava abrindo três abas para mandar um único GIF de reação no Slack. Tudo roda localmente via FFmpeg WASM, então uma gravação de tela de 200 MB fica no seu notebook enquanto o suite trabalha nela.

Funcionalidades principais

• Vídeo para GIF com codificação de paleta em duas passagens — primeiro roda palettegen para construir uma paleta ótima, depois paletteuse com o dither escolhido na codificação final. A saída fica visivelmente mais limpa do que ferramentas de uma passagem só, especialmente em gradientes e tons de pele.
• Controles de framerate, segmento e largura — escolha tempos de início e fim com precisão de 0,1 segundo, de 5 a 30 FPS, e ajuste a largura de saída em um slider de 160 a 1280 px em passos de 40 px. A altura escala automaticamente com reamostragem Lanczos.
• GIF Maker para sequências de imagens — solte frames PNG, JPG ou WebP (até 50), reordene com setas para cima/baixo e ajuste a duração por frame em milissegundos. O botão Apply to All aplica o atraso padrão a todos os frames de uma vez.
• GIF para vídeo — converta qualquer GIF para MP4 ou WebM em qualidade Low (CRF 30), Medium (CRF 23) ou High (CRF 18), com contagem de loops configurável para o GIF de origem antes da codificação.
• Extração GIF para imagens — tire cada frame de um GIF como PNG, JPG ou WebP, com seleção opcional de intervalo de frames. A mesma aba gera um sprite sheet a partir dos frames extraídos com número de colunas ajustável.
• Otimizador para GIFs grandes demais — combine redução de cores (16-256), compressão com perdas (0-200), pulo de frames e redimensionamento em uma única passagem. O painel de resultado mostra tamanho original, tamanho otimizado e porcentagem economizada lado a lado.
• Aba Dithering para imagens estáticas — aplique Floyd-Steinberg, Atkinson, Bayer ou quantização sem dither com 4-256 cores e baixe como PNG. Útil para pré-visualizar o que um algoritmo vai fazer antes de comprometer com uma codificação GIF completa.
• Modo lote nas abas pesadas — Vídeo para GIF, GIF para Imagens e Otimizador suportam processamento em lote de múltiplos arquivos com um único download ZIP no final.
• Arquivos até 500 MB — entradas de vídeo até 500 MB; entradas GIF até 100 MB; imagens individuais até 50 MB.

Como usar o GIF Suite

Passo 1: escolha uma aba

Há seis abas no topo: Video to GIF, GIF Maker, GIF to Video, GIF to Images, Optimizer e Dither. Cada uma é uma ferramenta independente — controles e dropzone mudam com a aba. O ponto de partida mais comum é Video to GIF.

Passo 2: vídeo para GIF — corte e configure

Arraste um vídeo para a dropzone (MP4, WebM, MOV, AVI, MKV são todos aceitos). A pré-visualização do vídeo aparece com controles de frame. Digite Start Time e End Time em segundos — ambos aceitam decimais até 0,1. Abaixo dos inputs, o rótulo Duration atualiza com o comprimento do segmento selecionado.

O cartão GIF Settings tem os controles que mais importam:

• Frame Rate — dropdown com 5, 10, 15, 20, 24 e 30 FPS. 15 FPS é o ponto ideal para GIFs de reação.
• Width — slider de 160 a 1280 px. 480 px é um bom padrão para clientes de chat.
• Colors — slider de 16 a 256 em passos de 16. 128 é geralmente indistinguível de 256 em resoluções GIF.
• Loop forever / Play once — checkbox abaixo do slider de cores.

Clique em Create GIF. Duas passagens de FFmpeg rodam, o resultado aparece em um painel de pré-visualização com nome do arquivo e tamanho, e Download salva no seu computador.

Passo 3: GIF Maker — junte frames

Mude para GIF Maker. Solte duas ou mais imagens. Cada frame vira um cartão com miniatura, nome do arquivo original, input de atraso em milissegundos e chevrons para cima/baixo para reordenar. O campo de atraso padrão no topo mais o botão Apply to All aplicam um atraso uniforme a todos os frames. Defina a Width de saída com o slider, depois clique em Create GIF from Images. Com menos de 2 frames, a ferramenta se recusa e mostra o toast "Add at least 2 images to create a GIF".

Passo 4: GIF para vídeo — modernize GIFs antigos

A aba GIF to Video é para quando você tem um GIF pesado demais para o que precisa fazer — uma animação principal numa página de marketing, um tutorial dentro do app. Envie um arquivo .gif, escolha MP4 ou WebM, defina o Loop Count (1-100, repete a fonte antes de codificar) e escolha qualidade Low, Medium ou High. Convert to Video produz um vídeo tipicamente 5-10x menor do que o GIF de origem.

Passo 5: otimizador — reduza um GIF grande demais

Para um GIF grande demais para um README ou e-mail, solte na aba Optimizer e ajuste:

• Compression Level (0-200) — valores mais altos fazem dither mais agressivo. 80 é um ponto de partida razoável.
• Max Colors (16-256) — passe primeiro de 256 para 128; a diferença visual costuma ser invisível em resoluções GIF.
• Remove Frames — checkbox que ativa um slider "keep every Nth frame" (2-10).
• Resize GIF — checkbox que ativa um slider de largura (100-800 px).

Clique em Optimize GIF. O painel de resultado mostra três números lado a lado: Original size, Optimized size e a porcentagem Savings.

Para extração de frames ou saída em sprite sheet, a aba GIF to Images segue o mesmo padrão de upload mas devolve uma lista de miniaturas de frames (cada uma baixável individualmente), um botão Download All (ZIP) e um Generate Sprite Sheet opcional com número de colunas ajustável.

Exemplos práticos

GIF de reação a partir de um trecho de filme

Um clipe de vídeo de 90 segundos tem uma reação de 2,5 segundos perto do meio. Abra Video to GIF, defina Start Time 42.0 e End Time 44.5, escolha 15 FPS, largura 480 px, 128 cores, dithering ligado. A codificação produz um GIF limpo de cerca de 1,5 MB, pequeno para Slack ou Discord.

Spinner de carregamento a partir de frames de design

Uma designer entrega 12 frames PNG em 200x200 de uma animação de carregamento. Abra GIF Maker, envie os 12, digite 80 no campo de atraso padrão (animação de 12,5 FPS), Apply to All, largura 200 px, Create GIF from Images. Resultado: um GIF de carregamento perfeito, pronto para uma página web.

Reduzindo um GIF de gravação de tela para um README

Um GIF de gravação de tela num README do GitHub tem 8 MB e a página de docs está lenta. Abra Optimizer, envie o GIF, Max Colors 128, Compression Level 80, Resize a 640 px. A saída fica 60-80% menor e ainda legível em tamanho de documentação. Se também precisa de um MP4, passe o original pelo GIF to Video em Medium para um MP4 separado de 1-2 MB.

Dicas e boas práticas

Mantenha segmentos de vídeo curtos. GIFs a 15 FPS e 480 px de largura ocupam aproximadamente 1-3 MB por segundo. Um clipe de 5 segundos é confortável; 15 segundos vira rapidamente algo difícil de gerenciar. Se você precisa de algo mais longo, a aba GIF to Video é quase sempre uma resposta melhor que um GIF gigante.

Corte profundidade de cor antes de qualidade. No Optimizer, baixar Max Colors de 256 para 128 normalmente economiza 30-40% sem diferença visual. Aumente Compression Level só depois que a redução de cores parar de pagar — valores altos de compressão introduzem artefatos de dithering visíveis em áreas planas.

Desative dithering para pixel art. Dithering ajuda conteúdo fotográfico e gradientes mas adiciona ruído a pixel art nítida e ilustrações de cor plana. Na aba Video to GIF, defina Dither Algorithm como None para essas entradas.

Use a aba Dithering como laboratório de pré-visualização. Antes de uma codificação Video to GIF completa de um clipe longo, solte um frame representativo na aba Dither e teste os algoritmos. Floyd-Steinberg fica mais suave em fotos; Bayer é mais determinístico e rápido.

Dois frames é o piso para o GIF Maker. Uma única imagem não é uma animação. A ferramenta se recusa e te dá um toast. Solte pelo menos 2 imagens.

Problemas comuns e solução

"Add at least 2 images to create a GIF" — a aba GIF Maker precisa de dois frames ou mais para produzir uma animação. Adicione mais uma imagem.

O GIF de saída está enorme. Três botões se acumulam: comprimento do segmento, FPS e largura. Baixe um por vez. 30 FPS para 15 FPS reduz o número de frames pela metade; 1280 para 640 px reduz pixels por frame a um quarto. Não reduza os três ao mesmo tempo ou você passará do ponto.

A geração de paleta falha em certos vídeos. Alguns arquivos de vídeo com espaços de cor incomuns ou peculiaridades de codec fazem o palettegen produzir resultados estranhos. Passe a fonte primeiro pelo Em breve: Conversor de Vídeo para MP4, depois traga o MP4 convertido para Video to GIF.

A saída de GIF para vídeo aparece pixelada. GIFs são limitados a 256 cores, então qualquer vídeo produzido a partir de um GIF herda esse limite de paleta. A saída é fiel ao GIF mas não vai parecer vídeo nativo. Se você tem acesso à fonte de vídeo original, converta-a diretamente com o Conversor de Vídeo para um resultado mais limpo.

O Optimizer mostra 0% de economia. A entrada já está agressivamente otimizada, ou suas configurações não são agressivas o suficiente. Tente um valor Max Colors mais baixo ou aumente o Compression Level. A recodificação em duas passagens tem alguma sobrecarga fixa, então uma entrada minúscula às vezes sai alguns bytes maior.

Trocar de aba reseta meu trabalho. Cada aba mantém seu próprio estado, então sair e voltar preserva o trabalho em andamento, mas um refresh forte limpa tudo. Use o painel Presets abaixo da ferramenta para salvar configurações.

Privacidade e segurança

O GIF Suite processa tudo localmente no navegador via FFmpeg WASM. Nenhum dado de vídeo, imagem ou GIF é enviado para lugar nenhum. Na primeira vez que você usa qualquer aba, o FFmpeg WASM baixa para o cache do navegador (cerca de 31 MB); depois disso, a ferramenta funciona offline na mesma sessão de navegador. Conteúdo sensível — demos internos, animações em rascunho, qualquer coisa que você não queira compartilhar — fica no seu dispositivo.

Perguntas frequentes

Por que o Video to GIF leva duas passagens de FFmpeg?

A codificação de paleta em duas passagens produz GIFs visivelmente melhores. A primeira passagem escaneia o vídeo e constrói uma paleta ótima. A segunda renderiza o GIF com essa paleta e o dithering, reduzindo o banding em comparação com codificações de uma passagem.

Que framerate eu devo usar?

10-15 FPS é padrão para GIFs de reação e animações web. 24 FPS aproxima cinema mas dobra o tamanho frente a 12 FPS. 5 FPS basta para conteúdo lento. Escolha a menor taxa que ainda pareça suave.

Quantas imagens posso carregar no GIF Maker?

Até 50 imagens por sessão, em PNG, JPG ou WebP. Cada imagem individual pode ter até 50 MB.

Qual a diferença entre Compression Level e Max Colors no Otimizador?

Max Colors reduz diretamente o tamanho da paleta, o que encolhe o arquivo proporcionalmente e é visualmente invisível até cerca de 128 cores na maior parte do conteúdo. Compression Level (0-200) controla a agressividade do dithering durante o remapeamento da paleta — valores mais altos trocam dithering visível por arquivos menores. Use Max Colors primeiro; recorra ao Compression Level quando a redução de cores empacar.

Posso fazer um loop de um GIF várias vezes ao converter para vídeo?

Sim. A aba GIF to Video tem um campo Loop Count (1-100). A ferramenta usa o -stream_loop do FFmpeg para repetir a entrada o número de vezes especificado antes de codificar, então um GIF de 2 segundos em loop 5 vezes produz um vídeo de 10 segundos.

Quais algoritmos de dither estão na aba Dithering estática?

Quatro: None (apenas quantização), Floyd-Steinberg (difusão de erro suave, melhor para fotos), Atkinson (difusão de erro mais leve, popularizada pelo Macintosh clássico) e Ordered/Bayer 4x4 (rápido, padrão determinístico). A saída é PNG. A aba Dithering trabalha em uma única imagem estática; use Video to GIF ou GIF Maker para dithering animado.

Qual o tamanho máximo de GIF para o Otimizador?

100 MB. GIFs muito grandes podem levar um minuto ou mais porque cada frame é decodificado, requantizado e recodificado.

O gerador de sprite sheet tem limite de tamanho?

Sim. A ferramenta avisa e para se o sprite sheet calculado exceder dimensões seguras de canvas, com um toast sugerindo menos colunas. Para GIFs grandes, reduza o número de colunas ou extraia frames primeiro e monte manualmente.

Ferramentas relacionadas

• Em breve: Conversor de Vídeo — converta o vídeo de origem para um MP4 limpo antes de passar pelo Video to GIF, especialmente para codecs incomuns.
• Em breve: Cortador de Vídeo — para controle de corte mais fino em um vídeo de origem longo antes de levá-lo ao GIF Suite.
• Em breve: Compressor de Imagem — pré-comprima frames PNG ou JPG antes de carregá-los no GIF Maker para uma saída menor.
• Em breve: Compressor de Vídeo — quando a saída de GIF to Video ainda é grande demais, solte o resultado aqui para uma segunda passagem de compressão.

Experimente GIF Suite agora: Em breve: GIF Suite