Os últimos anos da web foram populadoas por inúmeros GIFs que se tornaram a forma mais fácil de partilhar imagens animadas. Porém, os GIFs tem dois problemas principais, a falta de resolução e o tamanho dos ficheiros. Estas duas características tornam-nos pouco apetecíveis para uso em websites pois atrasam o carregamento da página e tem a resolução não é a mais adequada para ver em todos os novos ecrãs de alta resolução.
A melhor forma de ter imagens que tiram partido de toda a resolução dos ecrãs e que são independentes do dispositivo que é usado, e usar um formato vetorial como o SVG.
Hoje vamos dar um passo mais à frente e usar a ferramenta online SVG Animation Creator para criar animações SVG sem ter de escrever uma única linha de código.
SVG Animation Creator
Esta ferramenta online é gratuita e muito simples de usar. Não precisa de qualquer conhecimento avançado, apenas tem de carregar uma imagem em formato SVG e depois criar a animação usando o ambiente gráfico do serviço.
Para cada elemento que compõe a imagem SVG pode animar uma das quatro propriedades disponíveis:
- Posição
- Rotação
- Tamanho
- Opacidade
Por fim, basta exportar a animação em formato SVG e usá-la como bem entender nos seus projetos.
Pode ainda escolher se animação ocorre em loop ou apenas uma vez.