O formato de arquivo SVG explicado

Scalable Vector Graphics · .svg

Extensão.svg
Tipo MIMEimage/svg+xml
TipoImagens
Desenvolvido porW3C
Primeira versão2001
Livre de royaltiesSim
CompressãoNenhuma

O que é um arquivo SVG?

SVG é um formato de imagem vetorial baseado em XML e padronizado pelo W3C. Em vez de pixels, ele guarda formas, caminhos, texto e gradientes como instruções, então um logotipo renderiza perfeitamente nítido em qualquer tamanho, de um favicon a um outdoor, e o arquivo costuma ter poucos kilobytes. Por ser texto, um SVG pode ser editado à mão, estilizado com CSS e animado com JavaScript.

A mesma flexibilidade é sua fraqueza. Fotografias não podem ser expressas como formas, ilustrações complexas ficam pesadas e lentas, e como um SVG pode conter scripts e referências externas, muitas plataformas higienizam ou rejeitam arquivos SVG enviados. Cópias raster continuam necessárias para e-mail, redes sociais e fluxos de impressão.

Quando o SVG é a escolha certa

Pontos fortes

  • Escala infinita: nítido em qualquer tela e em qualquer tamanho de impressão
  • Arquivos minúsculos para logotipos, ícones, diagramas e gráficos
  • Formato de texto editável que pode ser estilizado e animado na web

Limitações

  • Inadequado para fotos; ilustrações detalhadas ficam grandes e lentas
  • Rejeitado por muitos formulários de upload porque pode carregar scripts
  • A renderização difere um pouco entre navegadores e editores

Como abrir um arquivo SVG

Qualquer navegador exibe um SVG; Inkscape, Illustrator, Figma e Affinity Designer o editam. O Explorador do Windows e muitos visualizadores mostram só um ícone genérico, então para uma prévia rápida ou uma versão para colar em um documento converta com SVG para PNG.

Como converter um arquivo SVG

SVG para PNG produz um raster com transparência para documentos, apresentações e redes sociais, SVG para JPG uma cópia chapada no estilo foto, e SVG para ICO um ícone do Windows. Vetorizar um bitmap de volta é possível para gráficos simples com PNG para SVG.

Perguntas frequentes

Por que meu SVG fica borrado ao converter para PNG?

O PNG foi renderizado em um tamanho de pixel pequeno. Vetores não têm resolução própria, então escolha uma largura de saída maior ao converter; o resultado fica nítido até esse tamanho.

Posso converter uma foto em SVG?

Só vetorizando, o que transforma áreas de cor parecida em formas. Funciona para logotipos, silhuetas e desenhos simples; uma fotografia vira um arquivo enorme ou uma aproximação posterizada.

É seguro enviar um SVG?

Um SVG pode conter JavaScript e referências externas, por isso as plataformas o higienizam ou bloqueiam. Arquivos exportados de ferramentas de design normalmente são limpos; trate SVGs de origem desconhecida como qualquer arquivo baixado.

O SVG suporta animação?

Sim, por elementos SMIL, animações CSS ou JavaScript. Os navegadores as reproduzem; a maioria dos editores de imagem e conversores renderiza só o estado inicial estático.