Visualizador de SVG

Visualizador e validador de SVG

Abra qualquer SVG para vê-lo em qualquer zoom, ler seu viewBox e suas dimensões e conferir se o código tem erros — nada é enviado.

Visualizador de SVG

☞ roda inteiramente no seu navegador — nada é enviado

Arraste seu SVG aqui

ou clique para procurar — apenas SVG

veja dentro de um vetor

Visualize e inspecione qualquer SVG

SVG é texto XML puro, então um arquivo quebrado costuma significar um caractere errado, e não dados corrompidos. Este visualizador mostra o que o navegador mostra — e avisa com clareza quando não consegue.

Amplie até 800% para conferir a borda de um path, leia o viewBox para entender como a arte escala, ou copie o código para colar no seu editor.

três passos

Como abrir um arquivo SVG

01

Solte o SVG

Escolha um arquivo .svg do seu dispositivo — nada é enviado.

02

Amplie e inspecione

Mova a visualização, troque o fundo, leia as dimensões.

03

Copie ou corrija

Copie o código, ou leia o erro de análise se estiver malformado.

respostas rápidas

Perguntas frequentes do visualizador de SVG

Por que meu SVG parece diferente aqui?

A pré-visualização é renderizada em um contexto de imagem isolado, então fontes externas e imagens vinculadas remotamente não são carregadas. Texto que depende de web font pode cair para uma fonte do sistema.

O que significa viewBox?

viewBox define o sistema de coordenadas em que a arte é desenhada. Width e height dizem o tamanho padrão de renderização; viewBox diz como ela escala. Quando o arquivo não tem viewBox, mostramos o valor que o navegador assume.

Isso valida meu SVG?

Sim, quanto à boa formação. O arquivo é analisado como XML e qualquer erro aparece com a mensagem que o navegador produziu. Não é uma checagem completa da especificação SVG.

Algo é enviado?

Não. O arquivo é lido e renderizado inteiramente no seu navegador.