Visualizador e Editor SVG
Visualize, edite e otimize arquivos SVG online. Visualização em tempo real, edição de código e ferramentas de otimização.
O que é o formato SVG?
SVG (Gráficos Vetoriais Escaláveis) é um formato de imagem vetorial baseado em XML que permite escalonamento infinito sem perda de qualidade. É amplamente usado para logotipos, ícones e gráficos web.
Qual é a diferença entre SVG e PNG?
SVG é um formato vetorial que usa fórmulas matemáticas para descrever gráficos e pode ser escalado infinitamente sem perder qualidade. PNG é um formato raster composto de pixels que fica embaçado quando ampliado. SVG é ideal para logotipos, ícones e diagramas, enquanto PNG é mais adequado para fotos.
Quais formatos posso visualizar?
Esta ferramenta visualiza arquivos SVG. Você pode colar código SVG diretamente ou carregar um arquivo .svg do seu dispositivo.
Posso editar o código SVG diretamente?
Sim, você pode editar o código-fonte SVG no painel do editor e ver as mudanças na visualização em tempo real.
Como funciona a visualização em tempo real?
O painel de visualização atualiza automaticamente enquanto você digita no editor de código, mostrando exatamente como seu SVG será renderizado nos navegadores.
Como otimizo meu SVG?
Clique no botão Otimizar para remover espaços desnecessários, comentários, metadados e atributos redundantes, reduzindo o tamanho do arquivo.
Posso alterar cores e estilos SVG?
Sim, você pode modificar cores de preenchimento, cores de traço, opacidade e outros atributos de estilo diretamente no código SVG.
SVG suporta animação?
Sim, SVG suporta animações através de SMIL (Linguagem de Integração Multimídia Sincronizada) e animações CSS. Você pode criar efeitos como movimento, mudanças de cor e transformações de forma diretamente dentro do SVG.
Quais navegadores são suportados?
Esta ferramenta funciona em todos os navegadores modernos, incluindo Chrome, Firefox, Safari e Edge.
Como posso validar a sintaxe SVG?
A ferramenta destaca automaticamente erros de sintaxe no seu código SVG, ajudando você a identificar e corrigir problemas imediatamente.
Posso redimensionar SVG sem perda de qualidade?
Sim, SVG é um formato vetorial que pode ser escalado para qualquer tamanho sem perder qualidade ou pixelizar.
Meus dados SVG são enviados a um servidor?
Não, todo o processamento acontece localmente no seu navegador. Seu conteúdo SVG nunca sai do seu dispositivo.
Como usar Visualizador e Editor SVG
O SVG Viewer & Editor renderiza um SVG assim que você cola o código ou solta o arquivo, e permite editar a marcação com visualização ao vivo. Tudo acontece localmente no seu navegador.
- Cole o código SVG no editor com a dica “Paste SVG code here or drag & drop a file...”, ou arraste um arquivo .svg para a página.
- O gráfico é renderizado imediatamente na visualização ao vivo ao lado do código.
- Edite atributos como viewBox, width, height, fill ou os dados do caminho direto no código — a visualização atualiza enquanto você digita.
- Corrija problemas comuns na hora, como um atributo xmlns ausente ou um viewBox que corta o desenho.
- Copie o código final quando a visualização estiver boa.
Se a visualização ficar em branco, verifique se o código começa com <svg e inclui o namespace xmlns — um xmlns ausente é a causa mais comum.
Ferramentas relacionadas
- Otimizador SVG Otimize e comprima arquivos SVG instantaneamente no seu navegador. Remova metadados, comentários e dados desnecessários, reduza o tamanho em até 60%.
- Conversor de SVG para PNG Converta SVG para PNG, JPEG ou WebP instantaneamente no seu navegador. Personalize escala, tamanho e cor de fundo. Grátis, privado, sem upload.
- Calculadora Chmod Calculadora chmod online gratuita para visualizar e calcular permissões de arquivo Linux com caixas de seleção. Converta instantaneamente entre notação numérica (755, 644) e simbólica (rwxr-xr-x). Suporta permissões especiais como setuid, setgid, sticky bit.
- Tabela ASCII Referência completa de codificação de caracteres ASCII com códigos decimais, hexadecimais, octais, binários, entidades HTML e descrições. Pesquisa e filtro instantâneos.
- Testador de Requisições HTTP Teste APIs REST diretamente no seu navegador. Envie requisições GET, POST, PUT, DELETE com headers, body e parâmetros personalizados. Veja status, headers e corpo JSON instantaneamente.
- Gerador .htaccess Gere regras .htaccess do Apache para redirecionamentos, reescritas, cabeçalhos de segurança, cache e mais.
- Gerador de Robots.txt Gerador gratuito de robots.txt online. Crie e personalize arquivos robots.txt para controlar a rastreamento de motores de busca, gerenciar acesso de rastreadores e otimizar o SEO do seu site.
- Gerador de Sitemap Gerador gratuito de sitemap XML online. Adicione URLs, defina prioridades e frequências, crie sitemaps SEO instantaneamente.