Converter WebM para GIF

Esta é a verdade incômoda deste par específico, e merece vir primeiro. Para qualquer coisa que vai aparecer num navegador, o WebM que você tem vence o GIF que está prestes a fazer em todo eixo: um décimo do tamanho ou menos, milhões de cores em vez de 256, a taxa de quadros que foi gravada, e reprodução acelerada por hardware que não gira o processador de um celular à toa. Um elemento `<video autoplay muted loop playsinline>` dá uma animação silenciosa em loop automático que se comporta exatamente como um GIF e não é um.

Toda grande plataforma já sabe disso. Twitter, Reddit, Slack e Discord convertem GIFs enviados para vídeo por trás dos panos, porque são eles que pagam a banda. Então se o destino é uma página que você controla, pare aqui — você já tem o arquivo que quer. Esta conversão é para os destinos que ainda não se atualizaram.

Existem, e há mais deles do que você esperaria. Rastreadores de bugs e threads de issue que renderizam imagem e não vídeo. Wikis e bases de conhecimento internas com upload só de imagem. Assinaturas de e-mail e newsletters, onde vídeo não toca na maioria dos clientes e um GIF animado toca. Fóruns antigos. Geradores de documentação que aceitam uma imagem e nada mais. Plataformas de chat que tratam GIF como um tipo de primeira classe com seletor próprio.

Se seu destino está nessa lista, esta é a conversão certa, e o resto desta página é sobre deixar o arquivo pequeno o bastante para ser aceito. Se não está, o WebM é a resposta e não custa nada porque você já tem.

GIF não tem compensação de movimento. Codecs de vídeo modernos descrevem um quadro completo e depois, para cada quadro seguinte, só o que mudou — motivo pelo qual uma gravação de tela de dez minutos de uma interface majoritariamente parada pode ter uns poucos megabytes. GIF guarda cada quadro como uma imagem inteira, um atrás do outro, até o fim.

A consequência pega gente constantemente. Dez segundos de uma gravação comum como GIF fica confortavelmente maior que o WebM inteiro de onde saiu, muitas vezes por um fator de dez ou vinte. Nenhum ajuste conserta isso e nenhum conversor evita — o formato foi finalizado em 1989 e nunca mudou. O que dá para fazer é dar menos coisa para ele guardar, que é para o que os três controles abaixo do resultado servem.

Doze quadros por segundo, 480 pixels de largura, dez segundos de duração. Doze é o limite inferior do que ainda se lê como movimento e é aproximadamente o que GIFs feitos à mão usam desde que o formato ficou popular; dá um atraso de 83 milissegundos entre quadros. 480 pixels é uma largura que cabe numa janela de chat, uma thread de issue ou uma página de documentação, que é para onde GIFs realmente vão. Dez segundos é onde a curva de tamanho vira desagradável.

Cada controle multiplica o arquivo quase diretamente, e se multiplicam entre si. Taxa de quadros é linear: dobrar para 24 aproximadamente dobra os bytes, porque dobra o número de imagens completas. Largura é quadrática, porque área escala com o quadrado da borda — reduzir a largura pela metade corta o arquivo por um quarto. Um trecho de dois segundos a 800 pixels e 30 quadros por segundo pode facilmente ficar maior que um de dez segundos nos padrões.

Há um limite rígido de 600 quadros, além do qual um navegador fica sem memória antes de o codificador terminar. O controle de duração vai até sessenta segundos e o de taxa de quadros até trinta, e os dois juntos podem pedir muito mais quadros do que isso.

Quando pedem, o trecho é truncado em vez de a conversão falhar. Na taxa padrão de doze quadros por segundo, 600 quadros são 50 segundos — então um pedido de sessenta segundos silenciosamente entrega cinquenta. A trinta quadros por segundo são vinte segundos. Nenhum dos dois é um pedido comum, porque um GIF de cinquenta segundos numa largura legível são dezenas de megabytes e vai ser recusado por seja lá onde você o estiver colando, mas é melhor saber que o teto existe do que descobrir num resultado.

Os quadros são amostrados a partir do primeiro quadro para frente, em carimbos igualmente espaçados, pela duração que você definir. Não há deslocamento inicial. Se o momento que vale mostrar está aos noventa segundos de uma gravação de tela, esta conversão não alcança.

A saída é cortar antes — no programa que gravou o trecho, num editor de vídeo, ou exportando uma captura mais curta desde o início. Vale planejar em torno disso, porque o instinto usual com uma gravação longa é converter e depois olhar, e aqui isso produz dez segundos de alguém abrindo um navegador.

Um quadro de GIF pode conter no máximo 256 cores distintas; um quadro de vídeo rotineiramente contém dezenas de milhares. Alguma coisa precisa decidir quais sobrevivem, e aqui essa decisão é tomada separadamente para cada quadro em vez de uma vez para o trecho todo. Uma paleta compartilhada é mais rápida e menor, e desmorona no momento em que a cena muda — um corte de uma sala clara para uma escura deixa a segunda metade renderizada nas cores da primeira.

Nenhum dithering é aplicado. Dithering esconde faixamento espalhando pixels entre duas cores disponíveis, e torna GIFs visivelmente maiores porque o ruído que acrescenta é exatamente o que a compressão do formato não consegue lidar. A troca aqui é áreas planas e limpas com degraus visíveis em gradientes em vez de uma aproximação borrada de um suave. Numa gravação de tela de uma interface, isso é quase invisível, o caso em que esta conversão realmente é boa. Num pôr do sol, é óbvio.

Quase todo WebM que chega a esta página é uma gravação de tela, e conteúdo de tela é o único tipo de imagem que o GIF trata honestamente. Painéis de interface são cor plana. Texto é duas cores. Grandes partes do quadro não mudam de um momento para o outro, que é o único tipo de redundância que a compressão do formato consegue explorar.

Uma captura de dez segundos de um menu abrindo e um ajuste mudando converte para um GIF que parece essencialmente idêntico ao vídeo e pequeno o bastante para anexar a uma issue. É essa a situação para a qual esta conversão serve, e é por isso que os padrões são ajustados em torno dela em vez de gravação de câmera.

GIF não tem trilha de áudio e nenhum lugar para colocar uma. Se o WebM tem narração — e uma gravação de tela geralmente tem —, o GIF fica mudo e não há ajuste que mude isso.

Costuma ser o momento de repensar o destino. Se as palavras importam, um GIF é o artefato errado inteiramente: guarde o WebM, ou converta para MP4 para algum lugar que toca vídeo, ou extraia a narração como MP3 e escreva os passos ao lado de uma imagem parada. Um loop mudo de alguém falando é uma explicação pior que qualquer uma dessas duas alternativas.

Seu navegador já decodifica WebM — foi o formato para o qual navegadores receberam os codecs primeiro. Esta página usa esse decodificador, amostra os carimbos que precisa, reduz cada quadro a uma paleta e escreve o GIF, tudo na sua máquina. Nada é enviado e não há conta.

Vale dizer isso aqui mais do que em quase qualquer outro lugar do site. Fazer GIF é um dos cantos mais famintos por upload da internet, e os arquivos sendo enviados são gravações de tela — ou seja, caixas de entrada, painéis, nomes de clientes e ferramentas internas. Dá para conferir em que tipo de site você está em dez segundos: abra as ferramentas de desenvolvedor, olhe a aba de rede, converta algo e veja se algo carregando sua gravação sai.