Extraia os quadros de um GIF (ou WebP/APNG animado) em PNG, JPG ou WebP, com os tempos de cada frame, direto no navegador.
Um GIF animado é, por dentro, uma sequência de quadros exibidos em loop, cada um com o seu próprio tempo de exibição. Separar esses quadros em imagens individuais abre várias possibilidades: escolher o melhor frame para virar uma thumbnail, editar a animação quadro a quadro, estudar o movimento de uma sequência ou montar uma folha de sprites para um jogo. Esta ferramenta traz um decodificador de GIF escrito do zero, em JavaScript puro, então ela funciona em qualquer navegador, incluindo o Firefox, que não implementa a API ImageDecoder usada por muitas ferramentas do gênero. Decodificar o GIF por conta própria também dá acesso ao que a API esconde: o delay real de cada quadro e o método de descarte (disposal), que é o que permite reconstruir corretamente animações em que cada frame guarda apenas o que mudou. Você escolhe o formato de saída (PNG, JPG ou WebP), o intervalo de quadros, exporta em .zip com um frames.json contendo os tempos, ou gera uma folha de sprites. WebP animado e APNG também são aceitos, via ImageDecoder, quando o navegador oferece. Tudo roda localmente: o arquivo nunca é enviado a um servidor.
O GIF comprime cada quadro com LZW e, para economizar espaço, quase sempre guarda apenas a região que mudou em relação ao quadro anterior. Extrair os quadros de verdade exige descomprimir o LZW, aplicar a paleta de cores e compor o resultado sobre o quadro anterior, respeitando o método de descarte declarado no arquivo (manter, apagar a região ou restaurar o quadro anterior). É isso que esta ferramenta faz, e por isso os quadros saem completos, não como pedaços soltos.
Como a decodificação é feita em JavaScript puro, não há dependência da API ImageDecoder (WebCodecs), que o Firefox não implementa. Para WebP animado e APNG, aí sim usamos o ImageDecoder quando disponível, já que não existe um caminho razoável em JS puro para esses formatos.
O uso mais comum é escolher um frame para servir de capa ou thumbnail: em vez de aceitar o primeiro quadro (que às vezes é vazio), você separa todos e pega o melhor. Outro é a edição: para ajustar um GIF é preciso ter os quadros soltos, editá-los e remontar a animação, e o frames.json exportado guarda os tempos originais para que a cadência não se perca.
Para jogos e animação web, a folha de sprites junta os quadros extraídos em uma única imagem em grade, formato que engines e CSS consomem diretamente. E, para estudo de movimento, pôr os frames lado a lado com seus delays revela a cadência real da animação, algo valioso em pixel art e motion.
Por padrão a ferramenta extrai até 300 quadros e avisa, com o número exato, quando a animação tem mais do que isso, oferecendo um botão para extrair todos mesmo assim. Esse limite existe porque cada quadro vira uma imagem codificada: uma animação de 800 quadros em 800×600 gera centenas de megabytes.
A extração cede o controle ao navegador entre os quadros, então a aba continua respondendo e o botão de cancelar funciona de verdade durante todo o processo. As miniaturas só são carregadas quando entram na tela, e os quadros são enviados para o .zip um a um, em vez de ficarem todos na memória.
Cole o código no seu HTML e a ferramenta aparece na sua página, sem a navegação e sem os anúncios do J-Kit. Ela continua rodando no navegador de quem visita o seu site.
<iframe
src="https://jkit.tools/embed/pt-BR/extrair-frames-gif"
width="100%"
height="600"
style="border:0"
loading="lazy"
title="Extrair Frames de GIF"
></iframe>Você escolhe: PNG (sem perdas, preserva a transparência comum em GIFs), JPG (arquivos menores, sem transparência) ou WebP. Cada quadro vira um arquivo numerado pela ordem na animação e prefixado com o nome do arquivo original, todos reunidos em um único .zip.
A extração acontece inteiramente no seu navegador. Nenhum arquivo é enviado a qualquer servidor.