Pular para o conteúdo

Converter APNG em GIF

Um PNG animado é um GIF com cores melhores que metade da internet trata como imagem estática. Transforme-o em um GIF que realmente se mexe onde você posta, com todos os quadros. Nada fica armazenado.

  • Nunca armazenado
  • Sem fila, sem espera
  • Sem cadastro, sem marca d'água

Como funciona

1

Adicione seus PNGs animados

Normalmente eles se chamam .png, às vezes .apng; os dois são aceitos. Um PNG comum também funciona e sai como um GIF de um quadro.

2

Converta

Cada quadro é lido com o próprio tempo e gravado em um GIF com uma paleta criada a partir da imagem — 256 cores, ou menos para um arquivo menor.

3

Baixe

Um por um ou em ZIP. A linha mostra quantos quadros foram mantidos.

O que é um APNG

O APNG é um PNG comum com três tipos extras de bloco — acTL, que anuncia a animação; fcTL, antes de cada quadro, com tamanho, posição, atraso e o que fazer com o quadro anterior; e fdAT, com os pixels do quadro —, inseridos de forma que um visualizador que não os conhece vê um PNG estático normal. Essa compatibilidade retroativa era a ideia em 2004 e é o problema hoje: o software que só confere o cabeçalho classifica o arquivo como “imagem” e nunca olha além disso.

Cada quadro é composto como o arquivo manda — quadros podem cobrir só parte da tela e se mesclar ao que havia ali ou substituí-lo — até formar uma imagem completa, depois quantizado em uma paleta e gravado no GIF com o mesmo atraso. O quantizador cria as 256 cores a partir do próprio quadro e aplica pontilhado; artes chapadas e figurinhas em pixel art, que são a maior parte dos APNGs, passam praticamente sem mudança. Atrasos abaixo de 20 ms são elevados para 100 ms, como os navegadores já fazem com GIFs de qualquer forma.

A transparência passa a ser de um bit: um pixel aparece ou não aparece. Uma figurinha APNG com sombra suave ganha uma borda nítida no lugar, cortada na metade da opacidade. Isso é um limite do GIF, não da conversão, e a única saída é um formato com canal alfa de verdade — o WebP, onde o destino tocar.

Quando você precisa de outra coisa

O ffmpeg lê APNG e grava um GIF com uma paleta de duas passagens: ffmpeg -i in.png -vf "split[a][b];[a]palettegen[p];[b][p]paletteuse" out.gif. Ele também oferece opções de pontilhado que esta página não tem, e que fazem diferença em degradês.

Se o destino toca APNG — todo navegador atual toca, assim como o iMessage e a maioria das plataformas de figurinhas —, fique com o APNG. Ele tem transparência de verdade e cores completas, e o GIF é uma cópia de compatibilidade maior e pior.

Perguntas frequentes

Como sei se meu PNG é animado?

Abra no Chrome, Firefox ou Safari: os três tocam APNG, então, se ele se mexe ali e não onde você postou, é um APNG e esta é a página certa. A linha aqui também mostra quantos quadros foram encontrados.

O GIF mantém o tempo?

Sim. Nos dois formatos cada quadro tem o próprio atraso, e ele é copiado, então uma animação de 12 quadros continua com 12 quadros na mesma velocidade.

Por que o GIF parece mais granulado?

Um quadro de APNG tem 16 milhões de cores e transparência suave; um quadro de GIF tem 256 e nenhuma. A paleta é criada a partir da imagem e pontilhada, e é daí que vem o granulado. Artes chapadas — o conteúdo comum de um APNG — quase não mostram isso.

E um PNG que não é animado?

Ele vira um GIF de um quadro só, e a linha avisa. Para uma imagem estática, você quase certamente quer ficar com o PNG, ou usar PNG para WebP para ter um arquivo menor.

Meus arquivos ficam armazenados em algum lugar?

Não — nada fica armazenado em momento algum.

Por que o Discord ou o Slack mostram minha figurinha parada?

Muitos formulários de envio reconhecem o cabeçalho PNG, tratam o arquivo como imagem estática e guardam só o primeiro quadro. Esses mesmos serviços tocam GIFs inteiros. Converter é a solução confiável; a alternativa é um WebP, onde houver suporte.

Bom saber: Um GIF comporta 256 cores por quadro e não tem transparência parcial, então bordas suaves ficam duras e degradês ganham um pouco de faixas. Ler os quadros de um APNG exige um Chrome, Edge ou Opera recente; nos outros, o primeiro quadro é gravado como imagem estática e a linha avisa.

Coloque esta ferramenta no seu site

Grátis para qualquer blog, página de turma ou artigo de ajuda. Cole um único trecho de código e seus visitantes podem usá-la direto na sua página.