Converter GIF para WebP

O codificador escolhe compressão com ou sem perda para cada quadro, o que combina bem com GIFs animados, porque muitas vezes eles são uma mistura: quadros de desenho chapado ao lado de outros fotográficos, ou um trecho de vídeo com legendas por cima.

• 90–100: qualidade praticamente indistinguível. Vale a pena para animações com texto ou gráficos nítidos, e continua muito menor que o GIF.
• 70–89: a faixa útil. 75 é o padrão e funciona bem com a maioria do conteúdo.
• 50–69: bem mais leve. Serve para trechos longos em que o tamanho importa mais que o detalhe fino.
• Abaixo de 50: suavização visível, principalmente no texto.

Esta conversão tem uma particularidade que vale conhecer: o resultado pode ficar melhor que o original. Normalmente, converter entre formatos com perda só perde qualidade. Aqui o teto de 256 cores do GIF já achatou a imagem, e o WebP não impõe nenhum; então, embora não consiga recuperar as cores que o GIF descartou, ele também não vai adicionar faixas próprias como aconteceria ao codificar de novo em outro GIF.

A transparência é mantida, e melhora. No GIF, a transparência é um único bit por pixel, e por isso os GIFs recortados têm bordas duras e serrilhadas. O WebP guarda 256 níveis, então se você editar o WebP depois dá para suavizar essas bordas, embora a conversão em si não consiga inventar uma suavidade que o GIF nunca teve.

Por que vale a pena esta conversão

• Peso da página. Um único GIF animado costuma pesar mais que todos os outros recursos de uma página juntos. Convertê-lo costuma ser a maior melhora de desempenho possível.
• Dados móveis. Reproduzir automaticamente GIFs de vários megabytes numa conexão com franquia de dados é um custo real para os seus visitantes.
• Limites de e-mail e mensagens, que os GIFs estouram com facilidade.
• Armazenamento. Uma coleção de GIFs de reação encolhe de forma impressionante.

Quando manter o GIF

A compatibilidade fora do navegador é o único motivo real, mas é um motivo de verdade:

• Alguns aplicativos de chat e de mensagem só aceitam GIF.
• Várias redes sociais ainda esperam GIF para envios animados.
• Fóruns, wikis e sistemas de conteúdo antigos podem não reconhecer WebP.
• Os clientes de e-mail são irregulares: o GIF anima em quase todo lugar; o WebP, não.

Para um site que você controla, WebP com um GIF de reserva cobre os dois casos:

<picture>
  <source srcset="clip.webp" type="image/webp">
  <img src="clip.gif" alt="…">
</picture>

Deveria ser um vídeo?

Vale se perguntar com sinceridade. Para qualquer coisa com mais de alguns segundos, um vídeo MP4 ou WebM fica menor ainda, muitas vezes com outra grande margem, porque os codecs de vídeo têm décadas a mais de otimização e podem dispensar o canal alfa que um WebP carrega.

O WebP ganha quando você precisa que ele se comporte como uma imagem: rodar automaticamente em todo lugar sem controles, funcionar dentro de uma tag <img>, manter a transparência ou ser colado em lugares que aceitam imagens mas não vídeo. Para loops curtos e reações, costuma ser a troca certa.

GIFs parados

Nem todo GIF se move. Um GIF de um único quadro é tratado como uma imagem normal e convertido sem mais: você continua tendo a economia de tamanho e se livra da paleta de 256 cores. Se é um logotipo ou um gráfico, e não uma animação, convertê-lo para PNG pode servir melhor.