O código desta página não rodou.

Abrir o index.html direto de uma pasta bloqueia os módulos de JavaScript, então não vai acontecer nada quando você escolher um GIF. Sirva a pasta por http:

powershell -ExecutionPolicy Bypass -File serve.ps1

Depois abra http://localhost:8080/.

Separador de GIF — cada quadro em um PNG

Cada quadro sai no próprio PNG.

Idioma: Português
Ver o código-fonte
Seus GIFs são processados no navegador. Sem envio para processamento.

O GIF é lido, descompactado e desenhado pelo seu próprio navegador, e cada PNG é gerado na memória deste computador. Do outro lado desta página não existe servidor nenhum para receber uma animação, mesmo que algo aqui quisesse mandar.

Verificação ao vivo: verificando…

Offline: verificando…

Você não precisa confiar na nossa palavra. Abra as ferramentas do desenvolvedor, deixe a aba “Rede” à vista e separe um GIF. Nenhuma requisição leva uma imagem, um quadro ou um nome de arquivo. Ou então desligue a internet e separe um assim mesmo.

1 Escolha um GIF

2 Como os quadros saem

Ficar com um quadro a cada Pegue um a cada dois ou um a cada cinco em vez de todos, para uma folha de contato ou uma gravação longa.

Lista de tempos Quanto tempo cada quadro ficou na tela e onde ele estava. Uma pasta de PNGs não carrega isso sozinha.

quadro

3 Os quadros

Ver como Markdown

Como separar um GIF em quadros

  1. Escolha o GIF. Arraste até o seletor ou procure na mão. O navegador lê direto do seu disco, e a página conta o que encontrou: o tamanho, quantos quadros tem, quanto tempo dura e quantas vezes se repete.
  2. Decida o que vai dentro de cada PNG. O quadro como ele aparece é o que quase todo mundo quer: a imagem inteira naquele momento da animação. Só os pixels que aquele quadro guarda é o remendo que o arquivo carrega de verdade, no tamanho dele e no lugar dele, que é como um GIF continua pequeno e não é a cara da animação.
  3. Decida o que acontece com a transparência. O PNG mantém, e essa é a escolha honesta. Preencha com uma cor se os quadros vão parar em algum lugar que ignora transparência e a deixaria preta.
  4. Escolha os quadros que você quer. Todos, por padrão. “Ficar com um quadro a cada dois” enxuga uma gravação longa, e as caixinhas da grade passam por cima disso. A numeração nunca muda, então o quadro 42 continua se chamando quadro 42 por menos vizinhos dele que você tenha guardado.
  5. Baixe. Um quadro por vez pela grade, ou todos de uma vez em um único ZIP, para dar uma pergunta de salvar em vez de centenas. O ZIP pode levar junto um frames.txt dizendo quanto tempo cada quadro ficou na tela, que é a única coisa que uma pasta de PNGs não sabe contar sozinha.

A versão longa

Como separar um GIF em quadros Tire cada quadro de um GIF animado em PNG: por que alguns quadros são só um pedacinho da imagem, o que acontece com a transparência, e como guardar os tempos para montar tudo de novo.

Perguntas

O meu GIF é enviado para algum lugar?

Não. O arquivo é lido, descompactado e desenhado pelo seu próprio navegador, no seu próprio hardware, e cada PNG é gerado aqui na memória. Esta ferramenta não tem lado servidor, e a Content-Security-Policy da página lista todo endereço que ela pode contatar: nenhum é nosso. Tire da tomada e ela continua separando GIFs.

Por que um quadro parece um pedacinho da imagem?

Porque é isso que o arquivo guarda. Um GIF é uma primeira imagem seguida de remendos: cada quadro seguinte guarda só o retângulo que mudou, e todo o resto da tela é o que os quadros anteriores deixaram ali. Uma cabeça falando na frente de uma parede parada guarda, portanto, um rosto por quadro em vez de uma imagem por quadro, e é justamente por isso que o formato não é enorme.

Você está vendo isso porque está marcado “Só os pixels que aquele quadro guarda”. Mude para “O quadro como ele aparece” e cada PNG vira a imagem inteira, do jeito que a animação está naquele instante.

A transparência é preservada?

É. A transparência de um GIF é um bit só, ou seja, um pixel está pintado ou está invisível, sem meio-termo, e o PNG guarda exatamente isso. Os quadros saem com as áreas transparentes intactas. Se você preferir um fundo sólido, ponha “Áreas transparentes” para preencher com uma cor. Ela é escrita no PNG e depois não sai mais.

Por que os tempos dos quadros não são os números que eu esperava?

Um GIF guarda cada tempo em centésimos de segundo, e desde os anos 1990 os navegadores empurram qualquer valor abaixo de dois centésimos para um décimo de segundo. Essa regra foi escrita para os globos giratórios da época e nunca foi tirada. Um quadro cujo arquivo diz 0,01 s toca a 0,10 s em todo lugar. Esta ferramenta mostra o tempo do jeito que ele é tocado de verdade, e escreve ao lado o que o arquivo guarda quando os dois não batem.

Dá para juntar os quadros de novo?

Dá, com o Criador de GIF deste site ou com qualquer outra coisa que aceite uma pasta de imagens. É para isso que serve o frames.txt do ZIP: separar uma animação joga fora os tempos, porque um PNG não tem onde anotar quanto tempo ficou na tela, e então a lista leva embora a duração e a posição de cada quadro.

Em que formatos os quadros podem ser salvos?

Em PNG, e de propósito só em PNG. Um quadro de GIF tem no máximo 256 cores e um bit de transparência; o PNG guarda isso exatamente e sem perda, enquanto o JPEG jogaria a transparência fora, inventaria cores que o quadro nunca teve e, em arte chapada, normalmente geraria um arquivo maior. Se você precisa de JPEG, converta os PNGs depois com o Redimensionador de imagens.

Tem limite de quantos quadros ele lê?

A ferramenta usa uma estimativa de planejamento de 512 MiB para buffers da origem, partes retidas, prévias e saída, e para antes de superar 128 Mi pixels decodificados. Uma parte pequena não reduz os buffers da imagem completa. Planos inseguros são recusados antes do desenho; resultados parciais só ficam disponíveis se seus buffers couberem. Folhas e PNGs acumulados também contam. Alocações internas, objetos JS e limites de canvas podem precisar de mais ou recusar antes: isso não mede memória livre nem garante que ela não acabe.

Ele abre um GIF estragado?

Muitas vezes. Os quadros completos são mantidos de arquivos truncados ou sem marcador final. Em um quadro parcial, áreas ausentes usam a primeira cor da paleta salvo se ela for transparente; a página avisa. Arquivos sem quadros legíveis e planos de buffers inseguros são recusados.

É grátis, e preciso de conta?

É grátis, e não tem conta, nem login, nem período de teste. Nos quadros também não tem marca d'água. O site exibe publicidade, e é ela que paga a conta; os anúncios não recebem nada sobre os seus arquivos.

Funciona offline?

Funciona. Carregue a página uma vez, depois desligue a internet e ela continua funcionando. Esse é também o jeito mais simples de provar que nada está sendo enviado: uma ferramenta que mandasse a sua animação embora para ser processada pararia no instante em que você tirasse da tomada.