Como abrir um arquivo SVG: no computador, no celular e no navegador

1. Quatro formas de abrir um SVG no computador

• Navegador (o mais simples): arraste o arquivo SVG para uma janela do Chrome, Edge, Firefox ou Safari e ele aparece; você também pode clicar com o botão direito no arquivo, escolher "Abrir com" e indicar um navegador;
• Definir o programa padrão: se você trabalha com SVG com frequência, associe os arquivos .svg a um navegador ou programa de design para que o duplo clique já abra o arquivo;
• Programas de design: Illustrator, Figma e o gratuito Inkscape abrem e editam SVG, o que serve para trabalhos mais approfondados;
• Editor de código: o SVG é essencialmente um texto XML, então abri-lo no VS Code permite ver e modificar o código-fonte, o que facilita muito a investigação de problemas.

Como definir o programa padrão: no Windows, clique com o botão direito no arquivo SVG, escolha "Abrir com → Escolher outro aplicativo" e marque "Sempre usar este aplicativo"; no macOS, clique com o botão direito e escolha "Obter informações", selecione um navegador em "Abrir com" e clique em "Alterar tudo", de modo que o duplo clique passe a pré-visualizar o arquivo.

2. Como abrir um SVG no celular

Android: alguns gerenciadores de arquivos não pré-visualizam SVG direto; toque e segure o arquivo, escolha "Abrir com" e selecione um navegador. iPhone: salve o SVG no aplicativo Arquivos, em que sistemas mais recentes já fazem a pré-visualização; se não aparecer, compartilhe o arquivo e abra-o no Safari. SVGs recebidos no WeChat ou QQ chegam como arquivos comuns, e escolher "Abrir com" um navegador os exibe corretamente.

De modo geral, o navegador do celular é o visualizador de SVG mais confiável, sem nenhum aplicativo extra. Tablets funcionam do mesmo jeito: basta abrir o arquivo no navegador nativo, sem precisar de visualizador dedicado.

3. O duplo clique mostra código ou uma janela em branco, e agora?

Aparece um monte de código: o arquivo foi associado a um editor de texto como o Bloco de Notas. Como o SVG é de fato um texto, isso é normal — abra no navegador para ver o desenho. Abre em branco: primeiro confirme se o arquivo está completo — abra em um editor de código; um SVG normal começa com a tag <svg> ou com a declaração <?xml. Se o que você vê é código de página como <html>, provavelmente a página de erro foi salva como .svg na hora do download e é preciso baixar de novo. Além disso, se o arquivo referenciar imagens ou fontes externas, a falha ao carregar esses recursos também deixa o conteúdo faltando.

Mais um alerta: o SVG é um formato de texto que pode conter scripts, então não abra arquivos de origem desconhecida no navegador sem cuidado. Inspecione antes o conteúdo em um editor de código; só pré-visualize depois de confirmar que o arquivo começa pela tag svg e não tem scripts suspeitos.

4. Abriu e quer modificar? Use o editor online

Se é só trocar uma cor, remover um fundo ou apagar alguns elementos, não é preciso instalar um programa grande. Abra o editor SVG online da PolySVG (acesso direto em /editor), envie o arquivo e você poderá clicar nos caminhos para apagá-los, remover o fundo em um clique, trocar cores, pintar com o pincel, apagar com a borracha, desfazer e refazer quando quiser, e exportar SVG ou PNG. Grátis, sem instalação e sem cadastro.

5. Só quer ver a imagem? Convertê-la em PNG é o mais prático

Se o equipamento da outra pessoa não abre SVG, o jeito mais simples é converter em PNG: exporte um PNG pelo editor ou tire uma captura de tela no navegador. Para entender o formato em si, leia O que é SVG; e se você tem um bitmap e quer transformá-lo em SVG, a ferramenta imagem para SVG resolve em poucos passos.

Se você é desenvolvedor, ainda pode embutir o SVG direto no HTML ou referenciá-lo com uma tag img, e o navegador renderiza na hora — essa é a forma mais comum de abrir SVG na web.