O que é GIFV?

GIFV é o nome que o Imgur introduziu em 2014 para GIFs enviados por upload que ele converte em vídeo MP4 ou WebM e reproduz como um GIF em loop. A extensão .gifv é uma convenção de nomenclatura para essa apresentação, não um codec ou contêiner distinto.

O Imgur anunciou o nome em outubro de 2014, junto com uma mudança que converte arquivos GIF enviados por upload em WebM ou MP4, dependendo do suporte do navegador, e identifica as versões convertidas com a extensão .gifv. O anúncio diz que a extensão indica uma experiência semelhante à de um GIF e não define uma estrutura de arquivo para ela; nos comentários, o autor da publicação descreveu um link .gifv como uma página HTML5 com uma tag video que reproduz MP4. O padrão em si não é exclusivo do Imgur: codifique a animação como vídeo e depois a apresente com um elemento video que seja reproduzido automaticamente, em loop, sem som e dentro da página, para que se comporte como uma imagem animada. A economia vem da codificação. Cada quadro de GIF é um conjunto de índices comprimidos com LZW para uma tabela de cores de no máximo 256 entradas, o que o WebKit considera uma forma muito custosa de codificar animação em comparação com um codec de vídeo como H.264.

O que uma URL .gifv retorna? Não é um arquivo em um formato GIFV, porque o anúncio do Imgur não define nenhum. Ele diz que os vídeos convertidos são identificados pela extensão, e o autor da publicação descreveu o link como uma página HTML5 que reproduz um MP4. Um software que precise da mídia em si precisa encontrar o recurso MP4 ou WebM subjacente; tratar a resposta .gifv como uma imagem ou como um arquivo de vídeo não funciona. Isso descreve o Imgur em 2014, e outros sites podem usar o sufixo de outra forma.
Quais atributos fazem um vídeo se comportar como um GIF, e o que acontece sem eles? autoplay, loop, muted e playsinline. O Chrome sempre permite reprodução automática sem som, mas permite reprodução automática com som apenas sob condições como uma interação anterior do usuário com o site. Segundo a política que o WebKit introduziu com o iOS 10, um vídeo é reproduzido automaticamente sem um gesto do usuário apenas se estiver sem som ou não tiver faixa de áudio, pausa quando deixa de estar visível na tela e, no iPhone, entra em tela cheia quando a reprodução começa, a menos que playsinline esteja presente.
Quanto menor fica o vídeo? Isso depende do clipe e das configurações do codificador, e os números publicados são exemplos isolados: o Imgur mostrou um GIF de 50 MB que se tornou um vídeo de 3,4 MB, o web.dev mostra um GIF de 3,7 MB que se tornou um MP4 de 551 KB e um WebM de 341 KB, e o WebKit informou que GIFs podem consumir até doze vezes a largura de banda de um vídeo H.264. Nenhum desses exemplos é uma garantia para um arquivo específico, portanto meça sua própria saída.
Qual é o custo de substituir um img por um video? O resultado deixa de ser uma imagem. O exemplo de conversão do web.dev recorta GIFs com dimensões ímpares porque o codificador H.264 que ele usa precisa de largura e altura pares. Contextos que aceitam apenas imagens não podem exibir o vídeo, por isso o exemplo do WebKit mantém o GIF original dentro do elemento video e passa a exibi-lo quando nenhuma fonte é compatível. Uma afirmação do guia do web.dev está desatualizada para o Chrome: ela diz que um elemento video sem uma imagem de pôster não é candidato a Largest Contentful Paint, mas o histórico de alterações de métricas do Chrome registra que, desde o Chrome 116, um vídeo pode se tornar candidato, com o tempo medido no primeiro quadro apresentado.

Desenvolvedores usam a entrega no estilo GIFV para reduzir os downloads e melhorar a reprodução de animações sem som em loop. Eles precisam fornecer formatos e comportamentos alternativos compatíveis com os navegadores e contextos de incorporação de destino.

O Robot /video/encode da Transloadit aceita GIFs animados como entrada e pode codificá-los em formatos de vídeo como MP4, que é a etapa de conversão por trás da entrega no estilo GIFV.

A saída é um arquivo de vídeo comum, não um arquivo .gifv. A marcação video que faz com que ele seja reproduzido automaticamente, em loop e sem som faz parte da sua própria página.

Explore os formatos de arquivo e os recursos de compressão da Transloadit

O que é GIFV?

Como funciona o GIFV

Informações essenciais

Quando o GIFV é importante

Como a Transloadit ajuda com GIFV

Fontes

Transforme conhecimento sobre mídia em um pipeline funcional