A maioria das pessoas não percebe que animações curtas incorporadas na forma de GIFs animados em seus sites favoritos vêm com grandes penalidades de desempenho, bateria, tamanho de arquivo e largura de banda.
Os GIFs animados são terríveis para o desempenho na Web: eles são tipicamente arquivos 12x maiores que os vídeos H.264 e consomem 2x a energia para carregar e exibir em um navegador. E devido a uma paleta insignificante de 256 cores, eles são limitados na faixa de cores e simplesmente não parecem muito bons em geral.
Isso ocorre porque o GIF, que é um acrônimo para o Graphics Interchange Format, "não é uma plataforma de animação", embora possa ser feito de maneira limitada, de acordo com o texto da especificação original do GIF89a.
Felizmente, parece que o navegador Safari da Apple pode ajudar a acabar com a prática de usar GIFs como o formato padrão da Web para vídeos em formato micro, memes e animações fofas..
Isso ocorre porque o Safari Technology Preview, uma versão especial do Safari para desenvolvedores para testar as próximas tecnologias da Web no macOS e iOS, em sua atualização mais recente permite que os desenvolvedores da Web incorporem verdadeiros formatos de vídeo como MP4 nas tags "img" em HTML.
Colin Bendell agora demonstrou (via John Gruber, da Daring Fireball), o principal benefício desse novo recurso no Safari Technology Preview para Mac: a incorporação de um verdadeiro arquivo de vídeo .MP4 na tag "img" resulta em uma renderização 20x mais rápida e 7x mais rápida decodificação versus sua contraparte GIF, além de ter um quarto do tamanho do arquivo.
Anexo A: o artigo de origem de Colin, que incorpora alguns GIFs animados para fins ilustrativos, tem 46 MB no Chrome. A mesma página da Web possui apenas 2 MB no Safari Technology Preview, com os GIFs convertidos em MP4 e usados com a tag "img".
“Agora, nossos vídeos em formato micro podem ser pequenos e eficientes (como MP4s) e podem ser facilmente pré-carregados, reproduzidos automaticamente e compartilhados (como nosso velho amigo, o GIF)”, Colin resume bem.
Outros benefícios dessa abordagem incluem a capacidade de salvar ou compartilhar facilmente essas animações, criar animações com economia de espaço em 4K usando HEIC (o codec H.265) e muito mais.
A tabela incluída abaixo ilustra o tipo de economia de tamanho de bytes que Colin conseguiu obter apenas pela transcodificação dos 100 principais arquivos GIF animados de tendência do giphy.com e, em seguida, convertendo-os em H.264, H.265, VP8, VP8 e WebP formatos de vídeo.
Essa abordagem não deixa de ter sua parcela de armadilhas em potencial, porque, no momento, agrupar animações MP4 dentro de tags "img" geralmente introduz uma série de problemas complicados que exigem muito trabalho manual da parte do desenvolvedor para garantir compatibilidade futura.
Dito isto, se você quiser testar esse novo recurso, precisará baixar o Safari Technology Preview da Apple. O Safari Technology Preview pode coexistir com a versão comercial do Safari já instalada no seu computador.
Espero que não demore anos para que esse novo recurso seja exibido em sites e blogs.
Você ama ou odeia GIFs animados como o formato preferido da Web para animações curtas?
Som desligado nos comentários!
