Comprimir Tamanho de GIF Animado através da Conversão de GIF para MP4: Guia Prático para Otimização de Websites

O GIF utiliza codificação sem perdas quadro a quadro LZW, armazenando informação completa de pixel para cada quadro sem tirar partido da redundância de conteúdo entre quadros adjacentes para efeitos de compressão. Concebido em 1987, este método de codificação enfrenta estrangulamentos naturais na eficiência de compressão devido a limitações de patentes e algoritmos.

A codificação H.264 adota tecnologia de compressão interquadros, que apenas armazena as diferenças entre quadros adjacentes. Fundos estáticos apenas necessitam de ser armazenados uma vez, em vez de armazenamento repetido em todos os quadros. Na mesma qualidade visual, o tamanho da saída comprimida H.264 é muito menor do que o do GIF.

Na maioria dos cenários, após converter GIF com conteúdo idêntico para MP4 H.264, a diferença de tamanho varia de 5 a 10 vezes. Para algumas imagens animadas de longa duração com uma elevada proporção de fundo estático, a diferença de tamanho pode exceder 10 vezes.

Para cada redução de 100KB no tamanho total de carregamento do website, a velocidade de carregamento da primeira tela melhora em aproximadamente 10 milissegundos. A substituição em larga escala de GIF por MP4 pode reduzir significativamente o tamanho total de carregamento da página.

Para replicar o comportamento original de reprodução automática e em loop do GIF em páginas web, pode utilizar a tag de vídeo HTML com uma combinação de quatro atributos para alcançar a simulação. Os quatro atributos necessários são autoplay, loop, muted e playsinline.

O código de exemplo completo é <video autoplay loop muted playsinline src="demo.mp4"></video>. Esta implementação é compatível com os principais navegadores modernos, incluindo Chrome 86+ e Safari 11+, e pode alcançar reprodução automática em loop sem som sem necessidade de clique do utilizador.

O Twitter transcodifica automaticamente GIF carregados por utilizadores para vídeo H.264. O formato GIF continua a ser exibido aos utilizadores finais, enquanto o carregamento do fluxo de vídeo real reduz o consumo de banda larga. A Plataforma de Contas Oficiais WeChat aplica processamento de transcodificação automática semelhante a GIF carregados.

A maioria das plataformas de conteúdo principais adotaram mecanismos semelhantes para processar GIF carregados por utilizadores, reduzindo os custos de banda larga da plataforma e melhorando a velocidade de carregamento para o utilizador.

Alguns clientes de email legados não suportam a reprodução automática da tag de vídeo HTML. A utilização de GIF em cenários de marketing por email garante que a animação pode ser exibida normalmente na maioria dos clientes. Muitos sistemas internos empresariais antigos apenas suportam o carregamento de imagens animadas no formato GIF e não conseguem processar MP4.

Algumas plataformas de emojis de terceiros têm requisitos de formato claros para o conteúdo carregado, obrigando a que as imagens animadas devem ser carregadas no formato GIF. O formato original deve ser retido para estes cenários.