O humilde GIF está voltando simplesmente porque, com o uso crescente de smartphones e usuários com largura de banda limitada, os usuários esperam tempos de carregamento quase instantâneos. Quanto menores forem as imagens da web, mais rápido as imagens serão carregadas e mais felizes serão os visitantes. Além disso, muitos sites têm restrições quanto ao tamanho dos banners de anúncios.
Imagens GIF e a Web
As imagens GIF não devem ser consideradas como uma solução única para todos os tamanhos. As imagens GIF têm um máximo de 256 cores, o que significa que você pode esperar sérios problemas de imagem e degradação de cores se não for cuidadoso. O formato de arquivo GIF, em muitos aspectos, é um formato legado que remonta aos primeiros dias da web. Antes da introdução do formato GIF, as imagens da Web eram em preto e branco e compactadas usando o formato RLE. Eles apareceram pela primeira vez em 1987, quando a Compuserve lançou o formato como uma solução de imagem da web. Naquela época, as cores estavam surgindo na área de trabalho e a web era acessada por modems conectados à linha telefônica. Isso criou a necessidade de um formato de imagem que mantesse as imagens pequenas o suficiente para serem entregues, por meio de uma linha telefônica, a um navegador da Web em pouco tempo.
As imagens GIF são ideais para gráficos com bordas nítidas com uma paleta de cores limitada, como um logotipo ou um desenho de linha. Embora possam ser usadas para fotografias, a paleta de cores reduzida introduzirá artefatos na imagem. Ainda assim, o movimento Glitch Art e a ascensão do cinemagraph despertaram um interesse renovado no formato GIF.
Como reduzir o tamanho do arquivo GIF para melhorar o desempenho do site
Essas dicas ajudarão você a tornar seus GIFs o menor possível.
-
Recorte qualquer espaço extra ao redor da imagem. Reduzir as dimensões em pixels da sua imagem é a maneira mais eficaz de reduzir o tamanho do arquivo. Se você usar o Photoshop, o comando Trim funcionará bem para isso.
-
Quando você prepara uma imagem gif, talvez queira reduzir as dimensões de saída.
-
Reduza o número de cores na imagem.
-
Para GIFs animados, reduza o número de quadros na imagem.
-
Se você usar o Photoshop CC 2017, poderá criar um arquivo GIF usando o item de menu Exportar como. Selecione Arquivo > Exportar como … e quando o menu abrir, selecione GIF como formato de arquivo e reduza as dimensões físicas (Largura e Altura) da imagem.
-
Se você usa o Adobe Photoshop Elements 14, selecione Arquivo > Salvar para a Web. Isso abrirá a caixa de diálogo Salvar para a Web, que também é encontrada no Adobe Photoshop CC 2017, Arquivo > Exportar > Salvar para a Web (legado). Quando é aberto, você pode aplicar o pontilhamento, reduzir a cor e as dimensões físicas da imagem.
-
Evite dithering. O pontilhamento pode fazer com que algumas imagens pareçam melhores, mas aumentará o tamanho do arquivo. Se o seu software permitir, use um nível mais baixo de pontilhamento para economizar bytes extras.
-
Alguns softwares têm uma opção "com perdas" para salvar GIFs. Esta opção pode reduzir significativamente o tamanho do arquivo, mas também reduz a qualidade da imagem.
-
Não use entrelaçamento. O entrelaçamento geralmente aumenta o tamanho do arquivo.
-
Tanto o Photoshop como o Photoshop Elements mostrarão o tempo de download. Não dê atenção a isso. Baseia-se no uso de um modem de 56k. Um número mais válido aparecerá se você selecionar um Modem a cabo no menu suspenso.
Dicas
- Evite animação inútil. A animação excessiva não apenas aumenta o tempo de download de sua página da Web, mas muitos usuários acham que é uma distração.
- Imagens GIF com grandes blocos de cores sólidas e padrões horizontais são mais compactadas que imagens com gradação de cores, sombras suaves e padrões verticais.
- Ao reduzir cores em GIFs, você obterá a melhor compactação quando as cores dos números estiverem definidas para a menor possível dessas opções: 2, 4, 8, 16, 32, 64, 128 ou 256.
