Deixar um GIF transparente

A transparência do GIF é de um bit: cada pixel é totalmente visível ou totalmente invisível. Não existe alfa suave, então a borda do recorte é dura e a franja de antialiasing fica ou desaparece junto com o fundo. Por isso GIFs transparentes ficam melhores com arte plana, formas fortes e fundos sólidos.

Esta página remove uma cor de cada quadro e marca esses pixels como transparentes. Os atrasos, o número de quadros e a configuração de loop são gravados sem alteração, então a animação toca exatamente como antes.

Remover o fundo costuma aumentar o GIF. Um fundo plano comprime bem, mas a borda do recorte adiciona cores e dithering em cada quadro. Quatro ajustes fazem quase tudo:

• Menos cores: 64 ou 128 bastam para um logo ou figurinha recortada e muitas vezes reduzem o arquivo pela metade.
• Tela menor: 320 px de largura costuma bastar para chat; 640 px é grande para uma figurinha.
• Menos quadros: remover um a cada dois em um GIF de 24 fps ainda parece fluido e reduz o tamanho pela metade.
• Use WebM quando puder: um WebM transparente mantém alfa suave e costuma ser uma fração do GIF.
• Corte antes: remova o espaço vazio ao redor do assunto; cada pixel transparente também custa bytes.

• Figurinhas no Discord e chat: o GIF é aceito em todo lugar e anima sem toque.
• Slides e documentos: Google Slides, PowerPoint e Notion tocam GIFs direto.
• E-mail: um GIF transparente fica em fundo colorido sem a caixa branca.
• Sites e READMEs: o GIF não precisa de tag de vídeo, codec ou autoplay.
• Overlays de live: uma figurinha ou alerta em loop pode ser GIF em vez de fonte de vídeo.

O caminho manual no Photoshop é abrir o arquivo, selecionar o fundo em cada camada de quadro, apagar e salvar para web como GIF com transparência. Funciona, mas um GIF de 100 quadros são 100 seleções. Esta página faz o mesmo com todos os quadros de uma vez, no navegador e grátis.