Inversor de GIF

Reproduza um GIF animado ao contrário, transforme-o em bumerangue ou inverta apenas uma seção — com o ritmo espelhado em vez de reescrito.

1. 1

   Adicione o seu GIF

   Arraste um GIF animado para a área de soltura, ou clique para procurar. WebP animado e APNG também abrem. O arquivo é lido no seu dispositivo e nunca é enviado a lugar nenhum.

2. 2

   Escolha ao contrário ou bumerangue

   Inverter reproduz a animação do último quadro ao primeiro. Bumerangue reproduz para a frente e volta ao início, descartando os dois quadros da virada para que nenhuma imagem apareça duas vezes seguidas.

3. 3

   Inverta tudo, ou apenas um trecho

   Por padrão a animação inteira é girada. Mude para um trecho e informe o primeiro e o último quadro para inverter só aquela seção — tudo fora dela mantém o lugar e a ordem.

4. 4

   Baixe o GIF invertido

   Toque em Baixar. Quando a origem permite, o painel informa que os quadros foram copiados em vez de redesenhados: as paletas, os dados comprimidos e a transparência são os bytes que entraram.

Uma animação invertida não é só curiosidade. Reproduzir um clipe ao contrário é como um corte seco vira laço, um acúmulo vira revelação e uma reação de cinco quadros vira algo que roda para sempre sem emenda visível. É também a maneira mais rápida de testar se o movimento de uma animação se lê bem, porque um movimento que só faz sentido num sentido costuma esconder um problema de ritmo que você não tinha notado.

Reproduza um GIF animado ao contrário, crie um laço bumerangue ou inverta apenas um trecho de quadros — com cada quadro mantendo o seu atraso para o ritmo espelhar com exatidão.

Quando o arquivo permite, os quadros são copiados na nova ordem em vez de redesenhados, então a paleta, os dados comprimidos e a transparência são os bytes que entraram.

O que esta ferramenta faz e as alternativas não

• Nada é redesenhado quando não precisa ser. A ordem dos quadros é uma propriedade do contêiner, não da imagem. Quando o arquivo permite, os bytes comprimidos são copiados na nova ordem e todo o resto é copiado tal como está.
• O ritmo espelha, não achata. Cada quadro mantém o seu atraso, então uma animação com uma pausa longa no fim volta com uma pausa longa no começo — que é o que um espelho significa.
• Quadros diferenciais são detectados, não ignorados. Um GIF otimizado cujos quadros são remendos sobre os anteriores é composto primeiro. Inverter esses remendos diretamente produz um arquivo que abre e aparece como lixo.
• Bumerangue sem travada. Os trechos de ida e volta compartilham as pontas, então tanto a virada quanto o ponto de laço ficam limpos.
• Um trecho, não só o conjunto. Inverta os quadros 12 a 40 e deixe o resto em paz.
• Nada é enviado. Todo o trabalho roda no seu dispositivo, então não há fila, nem janela de retenção, nem arquivo para apagar depois.

Um arquivo GIF é um cabeçalho, uma tabela de cores e depois uma sequência de blocos. Cada quadro nessa sequência é um trecho de bytes autossuficiente: uma extensão de controle gráfico opcional com o atraso e o método de descarte, um descritor de imagem com o seu retângulo, uma tabela de cores própria opcional e os dados comprimidos. Nada nos bytes de um quadro faz referência à sua posição no arquivo. Então inverter a animação pode ser exatamente o que parece: pegar esses trechos, escrevê-los na ordem oposta e copiar todos os outros bytes como estavam.

O que o caminho rápido realmente faz

• Percorrer os blocos. O arquivo é percorrido uma vez como estrutura — blocos com prefixo de tamanho, sem descompressão — anotando onde começam e terminam os bytes de cada quadro.
• Conferir se a ordem pode mudar. O retângulo, a marca de transparência e o método de descarte de cada quadro são lidos. O reordenamento só roda quando cada quadro é comprovadamente independente do anterior.
• Copiar os trechos na nova ordem. A saída é construída como uma lista de faixas copiadas da entrada, com o cabeçalho, a tabela de cores global e o terminador exatamente onde estavam.
• Provar depois. Os dados comprimidos e o atraso de cada quadro de saída são comparados byte a byte com o quadro de origem de onde vieram. Essa verificação roda em toda inversão, porque a garantia é barata de conferir e cara de perder.

A invariante fácil de errar

Uma inversão não pode mudar o tempo total, nem a contagem de quadros, nem qual atraso pertence a qual imagem. Os dois primeiros são óbvios o bastante para a maioria das ferramentas acertar. O terceiro é o que falha em silêncio: se uma ferramenta inverte os quadros mas deixa a lista de atrasos intacta, todos os números continuam lá, o total continua certo, e a animação está errada — a pausa que ficava no último quadro agora fica no primeiro. Aqui o atraso é lido dos bytes do próprio quadro e viaja com ele, o que torna o espelho exato por construção e não por aritmética.

A maioria dos GIFs que você vai encontrar é otimizada. Em vez de guardar cada quadro como imagem completa, o codificador guarda o quadro doze como o pequeno retângulo de pixels que realmente mudou desde o onze, marca os pixels inalterados como transparentes e define um método de descarte dizendo ao reprodutor o que fazer com aquele retângulo antes do próximo quadro. É uma economia enorme — sobre um fundo estático com um quadrado em movimento, guardar quadros inteiros custa 122.414 bytes e guardar diferenças custa 7.064 — e é por isso que uma inversão ingênua é perigosa e não apenas imperfeita.

As três formas de um quadro invertido sair errado

• Um sub-retângulo no lugar errado. Um remendo só faz sentido sobre a imagem contra a qual foi calculado. Invertido, cada remendo cai sobre a base errada, e o resultado é aquele GIF borrado e pela metade que as pessoas relatam como corrompido.
• Transparência que significa "mantenha o que estava lá". Num quadro diferencial, transparente não quer dizer invisível — quer dizer que o pixel do quadro anterior continua correto. Inverta a ordem e essa afirmação é falsa para todos.
• Restaurar ao anterior, que não tem forma invertida. O método de descarte 3 é definido exclusivamente em termos do que veio antes. Não há como remapeá-lo por uma inversão; a animação tem que ser composta e reconstruída.

Quando os quadros podem ser movidos e quando não podem

A regra que esta ferramenta aplica é verificada, nunca adivinhada. Os quadros podem ser reordenados quando todos cobrem a tela inteira e são totalmente opacos — porque então cada um sobrescreve tudo o que veio antes, diga o que disser o descarte — ou quando todos cobrem a tela inteira e são limpos para o fundo antes do próximo, porque então cada um é desenhado contra o mesmo branco. Qualquer outra coisa, inclusive um bloco de extensão entre dois quadros, manda a animação para o caminho de composição: ela é decodificada em imagens completas, reordenada e recodificada com diferenças novas calculadas para a nova ordem. Isso é mais lento e requantiza a paleta, e é a única resposta correta. A ferramenta diz qual caminho rodou e, quando reconstruiu, por quê.

Um bumerangue reproduz a animação para a frente e depois para trás, de modo que o último quadro do ciclo fica ao lado do primeiro e o laço não tem emenda. É a razão pela qual a maioria procura um inversor, e é onde a aritmética falha em silêncio.

Os dois quadros duplicados que ninguém remove

• Na virada. A ida termina no último quadro; a volta começa no último quadro. Escrito de forma ingênua, essa imagem é exibida duas vezes seguidas e o movimento hesita visivelmente antes de voltar.
• No ponto de laço. A volta termina no primeiro quadro; o ciclo seguinte começa no primeiro quadro. A mesma hesitação, uma vez por laço, para sempre.
• A correção são dois quadros. Descartar as pontas do trecho de volta. Uma animação de oito quadros vira catorze em vez de dezesseis, e nenhuma imagem é exibida duas vezes consecutivas — inclusive na virada do laço.

O que custa

Um bumerangue é quase o dobro da animação, então é quase o dobro do arquivo. Não há como escapar: os quadros extras são quadros de verdade e precisam ser guardados. O que dá para evitar é guardar mais do que o efeito precisa, e dois quadros por ciclo é o que uma implementação descuidada acrescenta. No caminho de cópia, a volta custa exatamente o que a ida custou, porque são os mesmos bytes comprimidos escritos uma segunda vez.

Às vezes o clipe inteiro não deveria ir ao contrário. Uma gravação de tela com uma cartela no começo, uma reação com um instante de quietude antes do movimento, um giro de produto com um quadro fixo em cada ponta — em todos eles o movimento interessante é uma seção, e inverter o arquivo inteiro mexe em móveis que estavam bem onde estavam.

Como o trecho se comporta

• Quadros fora do trecho não se movem. Eles mantêm posição e ordem. Uma inversão por trecho é uma edição local, não uma reorganização da linha do tempo.
• O trecho é inclusivo e começa em um. Quadros 4 a 9 significa do quarto ao nono, contados como o indicador de quadros conta.
• O bumerangue também respeita. Defina um trecho e escolha bumerangue, e só aquela seção vai e volta — os quadros ao redor tocam uma vez, como antes.
• Um trecho de um quadro não muda nada, e diz isso. Em vez de devolver uma cópia do arquivo, a ferramenta avisa que a ordem que vai escrever é a ordem que leu.

Quantas vezes um GIF toca não é guardado como número de reproduções. Fica num bloco de extensão de aplicação que carrega uma contagem de repetições, onde a contagem é quantas vezes tocar DE NOVO depois da primeira passagem, e zero está reservado para sempre. Então um arquivo que diz 2 toca três vezes, um que diz 0 toca sem parar, e um que toca exatamente uma vez não consegue dizer isso — expressa isso não carregando o bloco.

• Manter é o padrão. O laço do próprio arquivo fica intacto, inclusive o caso de tocar uma vez, que uma ferramenta que sempre escreve uma contagem converteria em silêncio num laço infinito.
• Para sempre, uma vez, ou um número. Escolha em termos de reproduções — quantas vezes a animação roda — e a correta das três codificações é escrita para você.
• O resultado é relido do arquivo. O número mostrado depois de uma inversão é medido nos bytes prontos, não no pedido, porque o único número que um controle de laço pode errar é o que ele acha que escreveu.

• Laços sem emenda. Um clipe que termina em outro lugar de onde começou pula a cada repetição. O bumerangue elimina o pulo sem exigir que a origem seja perfeita.
• Revelações e desfazer. Rodar um acúmulo ao contrário transforma-o num desmonte, que é a maneira mais barata de tirar duas animações combinando de uma única gravação.
• Clipes de reação. Uma reação curta costuma se ler melhor como ping-pong do que como laço seco, e são dois segundos de trabalho em vez de uma remontagem.
• Giros de produto. Inverter a segunda metade de um giro faz o objeto balançar em vez de rodar, o que fecha limpo em qualquer duração.
• Conferir o seu próprio ritmo. Movimento que só se lê num sentido quase sempre tem problema de aceleração ou de pausa. Invertê-lo é um diagnóstico rápido.

O que acontece com o tamanho do arquivo

No caminho de cópia, nada: a saída são os mesmos quadros comprimidos em outra ordem, então fica a um ou dois bytes da origem. No caminho de reconstrução o tamanho se move, e pode mover nos dois sentidos — uma paleta montada para toda a animação comprime de outro jeito, e as diferenças entre quadros de uma animação invertida são dados genuinamente diferentes dos da original. O modo bumerangue aproximadamente dobra o arquivo onde quer que rode, porque guarda quase o dobro de quadros. Se o resultado precisa ser menor, o compressor de GIF resolve direto para um tamanho que você indicar.

A lista de entrada é curta e é aplicada já no seletor de arquivos, então nada é aceito que não possa ser aberto. Um arquivo do tipo errado é recusado na hora, com um link para a ferramenta que resolve, em vez de ficar numa fila atrás de um indicador que acaba falhando.

• GIF entra, GIF sai. A única combinação que pode usar o caminho de cópia, e onde a imagem fica comprovadamente intacta.
• WebP animado entra, GIF sai. Decodificado e reconstruído. Ordem e ritmo seguem as mesmas regras; os pixels são recodificados porque não há alternativa.
• APNG entra, GIF sai. O mesmo, incluindo arquivos servidos como image/png, que é como a maioria dos sistemas rotula um APNG.
• Imagens estáticas e vídeo são recusados. Com um caminho: o criador de GIF para uma imagem, Vídeo para GIF para um clipe.

Como a animação é lida

Onde o navegador oferece um decodificador de imagens animadas, ele é usado. Onde não oferece, a ferramenta recorre ao seu próprio leitor, que percorre o contêiner e descomprime os quadros por conta própria — é isso que faz GIFs animados funcionarem aqui em navegadores que de outro modo devolveriam um único quadro estático sem erro nenhum. Os quadros são compostos conforme são decodificados, então cada um chega como imagem completa com o método de descarte já aplicado. No caminho de cópia nada disso roda: a estrutura do arquivo é lida, os quadros são movidos, e nem um pixel é descomprimido.

Limites, e de onde vêm

• Gratuito: 50 MB, um arquivo por vez. Até 300 quadros e 2.048 px no lado mais longo, com qualidade total e pelo mesmo caminho sem perdas que o Pro usa.
• Pro: até 20 GIFs de uma vez. Sem limite de quadros nem de dimensões, o tamanho limitado pelo que a memória do seu dispositivo aguentar, e o lote inteiro baixado como um único ZIP.
• Os tetos são política, não capacidade. Nada no formato nem no dispositivo faz de 300 quadros uma fronteira; é onde o plano gratuito para.
• Memória é um teto real. O caminho de reconstrução segura quadros decodificados, e 500 quadros a 1920 por 1080 são vários gigabytes. O trabalho é limitado antes de começar em vez de descoberto no meio.

Não há etapa de envio, nem fila, nem servidor gerando o resultado. O arquivo é lido onde está, o trabalho roda numa thread em segundo plano para a página continuar respondendo, e a animação pronta vai direto para o botão de baixar.

O caminho que um arquivo percorre

• Ler a estrutura. Uma leitura de cabeçalho diz quantos quadros o arquivo tem, quanto tempo cada um dura e se os quadros podem ser reordenados. Nada é descomprimido para isso.
• Decidir o caminho antes de qualquer trabalho. Se os quadros podem ser movidos, a animação nunca é decodificada — a inversão é uma cópia. Se não podem, a animação inteira é decodificada e composta.
• Fazer o trabalho fora da thread principal. Decodificação, composição, montagem de paleta e compressão rodam num worker, então o indicador de progresso continua se movendo porque a página realmente continua respondendo.
• Relatar o que aconteceu de fato. O caminho usado, a contagem de quadros de entrada e saída, os atrasos escritos e o número de reproduções são todos relidos do arquivo pronto.

Num notebook mediano, uma animação de 100 quadros a 480 por 270 é invertida pelo caminho de cópia em poucos milissegundos, porque o trabalho é proporcional ao número de blocos do arquivo e não ao número de pixels dentro dele. O mesmo arquivo reconstruído — que é o que toda outra ferramenta desta categoria faz com todo arquivo — leva cerca de duas ordens de grandeza a mais e devolve uma imagem diferente.

• Velocidade do GIF
• Cortar GIF
• Dividir GIF
• Comprimir GIF
• Editor de GIF
• Vídeo para GIF