O que um SVG realmente é
Abra um SVG em um editor de texto e você verá que é texto legível. Ele é escrito em XML, um formato simples de marcação, e cada forma é descrita por números e palavras. Um elemento path traça um contorno. Um rect desenha um retângulo. Elementos de texto contêm letras reais e selecionáveis. Nada é gravado em uma grade fixa de pontos.
Esse é todo o truque. Uma foto tem um número fixo de pixels, então ampliá-la a deixa borrada e quadriculada. Um SVG não tem resolução fixa. Quando você o redimensiona, a matemática é simplesmente recalculada, então um logotipo fica tão nítido em um cartão de visita quanto em um outdoor. Para arte plana com poucas formas, o arquivo costuma ser minúsculo também, porque você está armazenando uma receita curta em vez de milhões de pontos coloridos.
Para que o SVG é bom
O SVG brilha em logotipos, ícones e gráficos para a web. Um único arquivo de logotipo escala para todos os tamanhos de que você vai precisar, então não é preciso exportar dez PNGs diferentes. Ícones ficam perfeitamente nítidos em telas de alta resolução. Gráficos, diagramas e ilustrações feitos de formas limpas também combinam com o formato.
Ele é menos adequado para fotografias. Uma imagem de um rosto ou de uma paisagem não tem formas definidas para descrever, então um formato raster como JPG ou PNG é a ferramenta certa nesse caso. Regra prática: se dá para desenhar com uma caneta, o SVG provavelmente serve. Se saiu de uma câmera, provavelmente não.
Como abrir e editar um SVG
Abrir um é fácil. Todo navegador moderno lê SVG, então você pode arrastar o arquivo para o Chrome, Safari, Firefox ou Edge e vê-lo na hora. Isso é visualizar, porém, não editar. Para mudar as formas, cores ou o texto, você precisa de um editor vetorial que entenda o formato.
Alguns editores exigem instalação e licença. Você também pode fazer isso no navegador. O Rayzia abre e edita SVG online de graça em rayzia.com/vector/, com o arquivo permanecendo no seu dispositivo até você optar por salvá-lo na nuvem. O documento que você edita é um SVG de verdade o tempo todo, então o que você exporta é exatamente o que desenhou, sem etapa de conversão para atrapalhar.
Um padrão aberto, que não pertence a ninguém
O SVG não é um formato proprietário preso ao software de uma empresa. É um padrão aberto mantido pelo W3C, o mesmo grupo por trás do HTML e do CSS, e é assim há mais de duas décadas. Qualquer ferramenta é livre para lê-lo e gravá-lo.
Isso importa no longo prazo. Arquivos em formato fechado podem prender você quando o software que os criou desaparece ou muda de dono. Um padrão aberto baseado em texto como o SVG ainda vai abrir em um navegador daqui a anos, e você pode movê-lo entre quaisquer ferramentas compatíveis sem perder seu trabalho.
Perguntas frequentes
SVG é melhor que PNG ou JPG?
Depende da imagem. O SVG vence em logotipos, ícones e gráficos planos porque fica nítido em qualquer tamanho e costuma ter arquivo menor. PNG e JPG são melhores para fotografias, onde não há formas limpas para descrever com matemática.
Posso abrir um SVG sem software especial?
Sim. Qualquer navegador moderno abre e exibe arquivos SVG, então basta arrastar um para o Chrome, Firefox, Safari ou Edge para visualizá-lo. Para mudar o que está no arquivo, porém, você precisa de um editor vetorial.
Como edito um arquivo SVG?
Você precisa de um editor vetorial, não de um app de fotos. Dá para fazer no navegador de graça no Rayzia (rayzia.com/vector/): abra o SVG, edite as formas, o texto e as cores, e depois exporte de volta para SVG ou PNG.
Arquivos SVG são seguros para usar no meu site?
Sim, e eles combinam muito bem com a web. Os navegadores os renderizam nativamente, eles ficam nítidos em telas de alta resolução e os simples são pequenos, então carregam rápido. O SVG é um padrão aberto do W3C, o mesmo órgão por trás do HTML e do CSS.