Gifs de carregamento (preloaders) para usar com ajax

A técnica de Ajax nos permite realizar o carregamento de conteúdos em uma página web sem que esta tenha que ser recarregada. Isso é ótimo porque podemos fazer requisições ao servidor, recuperar dados e manipular dinamicamente o DOM sem que a interação com o usuário seja interrompida a cada vez que a aplicação precise atualizar alguma coisa. Sem falar que a quantidade de dados trafegados diminui muito, pois não precisamos carregar toda a interface novamente.

carregandoContudo, temos que sinalizar para o usuário que a aplicação está realizando uma troca de informações, que pode estar no meio de uma interação com o servidor, por exemplo, já que não existe mais o efeito refresh.
A utilização de gifs de carregamento ou preloaders é uma forma excelente de fazer isto, pois eles são bem intuitivos e amigáveis, e mostram de forma clara para o usuário que a página está carregando alguma informação.
Nesse artigo vou indicar alguns websites que permitem gerar esses gifs de forma bem rápida e fácil.

Geradores de gifs de carregamento

Todos os sites geradores de preloaders funcionam de forma parecida. Basta escolher um dos gifs disponíveis, depois as cores de background e foreground, marcar se vai querer a imagem com fundo transparente, gerar para ver o preview do gif e download.

O Preloaders.net é o melhor dentre os que testei, pois é o que permite a maior quantidade de customizações e tem a maior variedade de gifs também.

gerador de gifs de carregamento preloaders

O site até divide os gifs em categorias e permite controlar a velocidade da animação, como você pode ver em destaque na imagem acima. Com as opções avançadas é possível fazer flip, inverter cores e etc.

Mas se você não gostou deste ou quer conferir mais alguns, seguem os links de outros sites muito bons para isso também:

Ajax load
Chimply
Load info