Abra um arquivo SVG, cole código SVG ou carregue o exemplo para vê-lo aqui.
Abra um SVG para inspecionar os elementos.
Este visualizador SVG abre arquivos SVG com segurança e permite dar zoom, conferir o tamanho e o viewBox e inspecionar cada elemento. Abra um arquivo .svg ou cole o código SVG – nada é enviado.
Última atualização:
Como funciona
Abra ou cole um SVG
Solte um arquivo .svg ou .svgz no painel de código, clique em Abrir arquivo, cole o código ou use Carregar exemplo.
Dê zoom, mova e inspecione
Role ou faça pinça para dar zoom, arraste para mover e clique em Ajustar para ver o desenho inteiro. Escolha um elemento na árvore ou na imagem para ver os atributos.
Edite, limpe ou converta
Edite o código e veja a imagem mudar, use Otimizar (SVGO), clique em Baixar SVG limpo ou envie para o conversor com → PNG.
Recursos
Visualização segura
Scripts, manipuladores de eventos, foreignObject, links javascript: e referências externas são removidos antes da exibição, então um SVG malicioso não executa código.
Zoom sempre nítido
O desenho é redesenhado como vetor em cada nível de zoom, de 1% a 6400%.
Fundos e grade
Confira a transparência no fundo xadrez ou use branco, preto ou qualquer cor. A Grade ajuda a alinhar ícones.
Tamanho, viewBox e elementos
A linha de status mostra largura, altura, viewBox, tamanho do arquivo e número de elementos e paths. O inspetor exibe a árvore de elementos e destaca as formas.
Limites e privacidade
Visualização completa, edição do código e inspetor de elementos funcionam com arquivos de até 5 MB. Arquivos de 5 MB a 50 MB (mapas e gráficos grandes) são exibidos como imagem: zoom e fundos funcionam, mas o painel de código e o inspetor ficam desativados. O destaque de sintaxe é desligado acima de 2 MB.
O texto usa as fontes instaladas no seu dispositivo. Imagens, folhas de estilo e fontes externas nunca são solicitadas, então o resultado pode ser diferente de um navegador que as carrega. Veja a página de privacidade.
Perguntas frequentes
Como abrir um arquivo SVG online?
Clique em Abrir arquivo ou arraste o .svg ou .svgz para esta página. Ele aparece na hora e nunca é enviado a um servidor.
Dá para ver o código SVG junto com a imagem?
Sim. O painel de código mostra o SVG com destaque ao lado da imagem, e cada edição atualiza o desenho na hora.
Existe visualizador SVG para Windows sem instalar programa?
Esta página é um. Funciona no Chrome, Edge, Firefox e Safari, no Windows, macOS e Linux, sem aplicativo nem extensão.
Como abrir SVG no Android ou no iPhone?
Abra esta página no navegador do celular, toque em Abrir arquivo e use pinça para dar zoom e arraste para mover.
É seguro abrir um SVG de origem desconhecida?
Um SVG pode conter scripts. Aqui eles são removidos antes da exibição, junto com manipuladores de eventos e links externos, e você pode baixar a cópia limpa.
Por que imagens ou fontes do meu SVG não aparecem?
Referências a outros servidores ou a arquivos ao lado do SVG são bloqueadas por privacidade e segurança. Incorpore imagens e fontes como URLs data:.
Como transformar SVG em PNG?
Clique em → PNG. O arquivo abre no conversor SVG to PNG, onde você escolhe escala, fundo e formato.