O que você precisa saber sobre o formato de arquivo SVG

Uma imagem SVG (Scalable Vector Graphics, ou gráficos vetoriais escaláveis) é uma imagem gráfica 2D que oferece suporte a animações e interatividade. O comportamento do arquivo SVG é definido em um arquivo de texto XML, que estabelece regras de codificação legíveis tanto por pessoas quanto por computadores. Esses arquivos podem ser redimensionados para vários tamanhos sem perder a qualidade da imagem. Todos os navegadores modernos já oferecem suporte ao formato SVG.

Quando você quer criar imagens para seu site, precisa decidir entre usar imagens vetoriais ou rasterizadas. As imagens rasterizadas são compostas por pixels e têm resoluções predefinidas. Por isso, sempre que você amplia a imagem ou aumenta seu tamanho, ela fica granulada ou pixelada.

Já as imagens vetoriais são criadas usando linhas, pontos e formas. Isso faz delas a melhor opção para imagens que precisam ser redimensionadas, pois não há perda de qualidade no processo. A maioria dos elementos gráficos para impressão e sites é criada no formato SVG para permitir diferentes redimensionamentos no futuro. O formato SVG é muito usado para logotipos, tipografia, ícones ou ilustrações.

Vantagens dos arquivos SVG

Redimensionamento

A resolução ou o tamanho da sua tela não importa na hora de visualizar imagens SVG. Ao contrário de PNG e JPG, que podem ficar borrados quando ampliados, as imagens SVG mantêm a alta qualidade. Isso é possível porque sua qualidade não depende da resolução.

Desempenho do site

Quando otimizados corretamente, os arquivos SVG são menores que os de outros formatos. Isso reduz o tempo de carregamento das páginas e melhora o desempenho do seu site. Assim, a experiência do usuário melhora, pois os visitantes conseguem navegar pelas páginas mais rapidamente.

Facilidade de edição

Você pode editar arquivos SVG facilmente usando aplicativos comuns de edição gráfica. Adobe Illustrator, Corel e Sketch são opções muito usadas. Também é possível usar um editor de texto, pois você pode ajustar a marcação diretamente.

Suporte a animações

Tecnologias como JavaScript podem ser usadas para manipular arquivos SVG e torná-los mais interativos e atraentes. Quando animados, eles deixam o site ainda mais interessante.

Controle de estilo

Os arquivos SVG dão a você liberdade para escolher os estilos de imagem que quiser. Cor do contorno, tamanho, cor de preenchimento e outras propriedades são fáceis de controlar. Além disso, não é necessário usar sprites de imagem para adicionar um efeito ao passar o cursor sobre uma imagem.

Desvantagens dos arquivos SVG

• O formato só funciona com imagens 2D, portanto não oferece suporte a fotos de câmera.
• Você precisará de um plugin do WordPress (WP SVG) para permitir que seu site WordPress use o formato de arquivo SVG. Por motivos de segurança, o WordPress não permite imagens SVG a menos que você habilite essa opção.

Como converter para SVG

Com o Filestar, você pode converter facilmente qualquer um de mais de cem tipos de arquivo para SVG. Acesse este link para encontrar todas as skills para o formato de arquivo SVG. O aplicativo para desktop Filestar simplificou o processo de conversão de arquivos SVG para apenas alguns passos. Depois de baixar o aplicativo Filestar, siga estas etapas.

• Clique com o botão direito no arquivo do seu computador que deseja converter e selecione Convert with Filestar
• Digite ‘convert to SVG’ na caixa de pesquisa
• Clique em RUN
• A imagem SVG será salva automaticamente no seu computador

Ou assista ao vídeo curto abaixo, que fizemos para você com um exemplo de conversão de PDF para SVG.