O SVG vem tomando o lugar das imagens JPG, PNG na construção de sites web, está cada dia mais popular, e para criar um SVG você pode usar ferramentas como Illustrator, Inkscape, entre outras.
Porém para construção de ferramentas web, como um site por exemplo, devemos otimizar algumas coisas no SVG, diretamente em seu código ou usar ferramentas para essa função.
Aqui nesse post vamos listar 8 ferramentas que podem ajudar a otimizar e até criar alguns arquivos SVG simples, como ícones, setas e outros.
Ferramentas SVG gratuitas
Segue a lista abaixo com 8 ferramentas SVG gratuitas para te ajudar em seus projetos.
Interactive SVG Coordinate System
Ajuda você aprender como funcionam as coordenadas SVG.
SVG OMG
O SVG OMG transforma a linha de comando do SVGO em uma versão GUI mais intuitiva e fácil de usar.
SVG Circus
Se você acha que as animações do carregador são legais, agora você pode criá-las facilmente utilizando SVG com SVG Circus.
Plain Pattern
Criar padrões com SVG nunca foi tão fácil ou divertido. Carregue sua imagem, reduza ou altere o espaçamento, gire e recolorir até obter um belo padrão. Você pode visualizar o resultado antes de baixá-lo.
HackingUI
Script de photoshop gratuito: Exporte suas camadas vetoriais de PS para SVG com um único clique!
SVG Filter
Você sabia que com o SVG é possível adicionar efeitos como matiz, saturação, desfoque, sobreposição de cor linear e muitos outros às imagens? Aqui está uma ferramenta que visualiza esses efeitos.
SVG Morpheus
Biblioteca JavaScript que permite que ícones SVG se transformem de um para o outro.
Conclusão
Todas as ferramentas listadas aqui são gratuitas até o momento da postagem, aqui no site você ainda encontra 4 sites para remover fundo de imagens, vale a pena dar uma olhada.
Espero ter ajudado 🙂
