Como compactar um GIF animado

Otimizar seu site para um desempenho mais rápido é mais importante do que nunca. Os usuários do site esperam uma experiência de usuário perfeita e os SERPs favorecem sites que carregam rapidamente. Como resultado, você precisa otimizar suas imagens, incluindo GIFs, para o desempenho do site. Se você é o tipo de pessoa que usa GIFs para comunicar seus pontos e fazer piadas, precisa saber comprimi-los. Os arquivos podem ser enormes se você não tomar cuidado, portanto, um fator importante para a otimização de imagens inclui aprender a compactar um GIF animado.

Vamos analisar as etapas que você precisa seguir para compactar seu GIF. Também compartilharemos um resumo das ferramentas de compactação que você pode usar, para que você saiba quais são suas opções.

O que é um GIF animado?

Um GIF pode ser uma imagem estática ou animada. Se você passou muito tempo em mídias sociais ou aplicativos de mensagens como Facebook Messenger, Slack ou Skype, provavelmente já viu e enviou muitos GIFs animados. Ao contrário dos vídeos, os GIFs animados são uma compilação de imagens estáticas. (How-To Geek se refere a eles como “flipbooks”, uma expressão que eu amo.)

Os GIFs animados contêm essencialmente várias imagens GIF estáticas. Eles parecem se mover quando os quadros são combinados e reproduzidos em sequência. Como são tecnicamente muitos arquivos individuais que criam um único GIF animado, cada GIF pode ocupar bastante espaço.

Existem limitações, no entanto. Um GIF suporta apenas 256 cores e isso afeta o tamanho de cada arquivo, pois as combinações de cores tentam imitar imagens tão ricas em cores quanto JPEGs. (Uma imagem JPEG suporta impressionantes 16,7 milhões de tons.) Como resultado, o tamanho do arquivo de um GIF animado é geralmente bastante grande, contendo apenas essa enorme quantidade de informações de cores. Hospedar GIFs grandes ou de carregamento lento em seu site pode criar problemas com o desempenho do site.

Por que devo compactar um GIF animado?

Como arquivos grandes, como GIFs animados, podem diminuir o desempenho e o tempo de carregamento do seu site, você deseja compactá-los sempre que possível. Não faça isso no vácuo, no entanto. É importante considerar a compactação de GIFs como parte da estratégia de otimização do seu site (que também deve incluir a compactação de imagens e outros elementos gráficos).

Se você é proprietário de um site WordPress, há vários fatores que podem afetar o tempo de carregamento e o desempenho do seu site. Alguns deles incluem suas imagens, plugins do WordPress e revisões do site. Os GIFs que você usa em seu site são outra grande peça desse quebra-cabeça.

Os GIFs animados geralmente têm mais de 1 MB, o que significa que o tempo de carregamento do seu site pode sofrer um impacto significativo. À medida que avançamos, você verá a mudança significativa no tamanho do arquivo que ocorre depois de passar seu GIF animado pelo processo de compactação.

Como compactar um GIF animado

Aprender a compactar um GIF animado é fácil e rápido. Vamos orientá-lo através das etapas sobre como fazer isso acontecer. Primeiro, porém, vamos falar sobre algumas das opções de compactação GIF disponíveis.

Ezgif

Ezgif é uma ferramenta de compactação gratuita que facilita o aprendizado de como compactar um GIF animado. Use esta ferramenta baseada em navegador para carregar e compactar seus arquivos em apenas algumas etapas simples. A ferramenta funciona utilizando compactação com perdas, o que significa que você pode reduzir o tamanho do arquivo sem perder informações. Ele também reduz o tamanho do seu GIF reduzindo levemente a cor, removendo o excesso de quadros sem tirar a animação em si e tornando alguns elementos da imagem transparentes.

Tudo isso combinado significa que haverá significativamente menos dados para os usuários carregarem.

Compressor GIF

O GIF Compressor é outro compressor gratuito baseado em navegador que permite aos usuários compactar em lote até 20 arquivos por vez. Se você compactar em lote, receberá um arquivo ZIP para download quando o processo estiver concluído. Assim como o Ezgif, o GIF Compressor é gratuito.

Comprimir ou Morrer

Compress or Die é um compressor de GIF gratuito adaptado especificamente para usuários que desejam criar avatares pequenos, mas de alta qualidade, a partir de seus GIFs. O site permite que os usuários carreguem seu próprio arquivo, arrastem e soltem, colem no URL da imagem, usem um URI de dados Base64 ou usem um script Photoshop-JSX. Enquanto Ezgif e GIF Compressor permitem imagens de até 50 MB, Compress or Die suporta apenas imagens de até 8 MB. Portanto, se você estiver usando GIFs animados altamente detalhados, isso não será uma boa escolha para você.

Como compactar um GIF animado com Ezgif

Ezgif é provavelmente a melhor opção para a maioria das pessoas, então vamos dar uma olhada em todas as etapas que você precisa seguir para preparar as imagens para o seu site.

Primeiro, abra uma nova janela do navegador e navegue até https://ezgif.com/optimize. Em seguida, basta escolher a imagem que deseja enviar do seu computador. Como alternativa, você pode colar o URL da imagem se já o tiver armazenado on-line em algum lugar. (Neste caso, salvei uma imagem do Giphy para demonstrar todos os benefícios de usar essa ferramenta.)

Clique em Carregar e, assim que o arquivo for carregado, ele aparecerá na janela. Agora você pode otimizar a imagem escolhendo como e quanto deseja comprimi-la. Para os propósitos deste artigo, selecionei Lossy GIF e escolhi um nível de compactação de 200 (o mais pesado possível para esta ferramenta).

Clique em Otimizar GIF e você verá o GIF otimizado exibido abaixo do original. Os detalhes e informações da imagem otimizada estarão disponíveis imediatamente.

Embora a cor e a qualidade tenham sido ligeiramente degradadas, a mudança não foi suficiente para justificar o uso de um GIF com quase 5 MB em sua forma original. Uma vez compactado, o tamanho do arquivo caiu para 1,58 MB. Isso é uma redução de 70% . Isso é realmente impressionante. No entanto, como mencionamos acima, mesmo 1,5 MB ainda é um arquivo bastante robusto.

Por isso, sugerimos que você use as ferramentas integradas para continuar editando o GIF. Você pode salvá-los em seu computador usando o menu localizado abaixo da imagem. Além disso, dependendo das necessidades de tamanho (e qualidade) do arquivo, você pode executá-lo novamente pelo Ezgif ou até mesmo tentar outra das ferramentas de compactação no arquivo já compactado. A qualidade tende a diminuir cada vez que você faz isso, mas o nível em que isso está certo depende do seu conteúdo.

Apenas lembre-se de que um GIF animado, mesmo quando você o compacta, não rivaliza com um arquivo JPEG, SVG ou WebP. Se você precisa das imagens absolutamente menores e mais rápidas da internet, você deve renunciar completamente às animações.

Conclusão

Enquanto você trabalha para otimizar seu site para um desempenho ideal, lembre-se da compactação GIF. Lembre-se de que os GIFs geralmente são muito maiores do que você espera e que você não deve negligenciá-los ao otimizar seu site. Com tudo isso em mente, você sabe como compactar um GIF animado (e quais ferramentas fazem o trabalho), então seu site deve carregar ainda mais rápido agora.

Lembre-se de que, ao usar qualquer tipo de mídia em seu site, verifique se ela está devidamente licenciada para uso comercial. Isso inclui GIFs – apenas por segurança.

Qual é a sua ferramenta favorita para compactar um GIF animado? Deixe-nos saber o que devemos usar nos comentários!

Imagem em destaque via muchomoros / shutterstock.com