Otimizador SVG
Reduza arquivos SVG removendo metadados do editor, grupos desnecessários e casas decimais extras, com prévias lado a lado para nada quebrar.
- Sem upload
- Funciona offline
- Grátis, sem cadastro
- Seus arquivos não saem do navegador
Solte arquivos SVG aqui
ou cole código SVG no editor. Você pode abrir vários arquivos de uma vez.
Seu SVG fica neste dispositivo. Nada é enviado.
Como usar o Otimizador SVG
- 1
Abra seu SVG
Solte um ou vários arquivos SVG exportados do Figma, Illustrator, Inkscape ou Sketch.
- 2
Ajuste as configurações
Ajuste a precisão numérica e opções como manter IDs ou remover width e height. As prévias de antes e depois são atualizadas na hora.
- 3
Aplique ou baixe
Aplique o resultado no editor (dá para desfazer), copie ou baixe o arquivo otimizado.
O que o otimizador de SVG remove
Ferramentas de design escrevem muito código que o navegador nunca usa. O otimizador remove esse excesso e a imagem continua idêntica:
- Metadados do editor, comentários e namespaces do Illustrator, Inkscape ou Sketch
- Elementos ocultos e vazios,
defssem uso e grupos desnecessários - Casas decimais extras nas coordenadas, controladas pelo ajuste de precisão
- Comandos de traçado longos, reescritos em uma forma equivalente mais curta
- Valores de atributos padrão e estilos duplicados
Por que otimizar arquivos SVG?
SVGs menores carregam mais rápido, o que ajuda nas Core Web Vitals, e fazem mais diferença em SVG inline no HTML, sprites de ícones e componentes React, onde cada byte vai para o seu bundle JavaScript. Um código mais limpo também é mais fácil de ler, trocar de cor e animar.
Confira o tamanho com gzip além do tamanho bruto: ele é mais próximo do que o seu servidor realmente envia.
Tudo o que você precisa para trabalhar com SVG
O Otimizador SVG faz parte de um único espaço para ver, editar, otimizar e converter arquivos SVG, sem cadastro, sem anúncios e sem upload.
Prévia instantânea
Zoom de até 6400%, movimentação, ajuste à tela e fundo transparente, branco, preto ou de qualquer cor.
Editor de código ao vivo
Realce de sintaxe, marcação de erros por linha, formatar e minificar, busca e histórico completo de desfazer.
Contorno e grade de pixels
Veja cada traçado no modo contorno e confira o alinhamento dos pixels com a grade ao dar zoom.
Inspecionar
Tamanho do arquivo e com gzip, viewBox, árvore de elementos com destaque e troca de cores com um clique.
Otimizar com SVGO
Reduza arquivos com prévias de antes e depois e precisão ajustável. Otimize todos os arquivos abertos de uma vez.
PNG, JPG, WebP e ICO
Exporte em qualquer tamanho até 16384 px, com transparência, ou copie o PNG direto para a área de transferência.
React, Vue e Svelte
Componentes JSX/TSX, React Native, Vue e Svelte limpos, com suporte a currentColor e props.
Vários arquivos de uma vez
Abra muitos SVGs em abas e otimize em lote ou baixe tudo em um ZIP de SVGs ou PNGs.
Privado e offline
Sem upload, sem conta. Seu trabalho fica salvo no navegador e o app funciona offline depois da primeira visita.
Perguntas frequentes
Quanto meu SVG vai diminuir?
Arquivos exportados de ferramentas de design costumam diminuir de 30% a 80%, porque o SVGO remove metadados, comentários, elementos ocultos e casas decimais extras. A economia exata aparece antes de você aplicar qualquer coisa.
Otimizar vai mudar a aparência do meu SVG?
As configurações padrão são seguras para a maioria dos arquivos. Se você reduzir muito a precisão, compare as prévias de antes e depois. Ative “Manter IDs” se o seu CSS ou JavaScript usa os ids dos elementos.
O que é o SVGO?
O SVGO é o otimizador de SVG open source mais usado. O viewsvg o executa no seu navegador, então seus arquivos nunca saem do seu dispositivo.
Meus arquivos SVG são enviados para algum lugar?
Não. O viewsvg roda inteiramente no seu navegador. Os arquivos são lidos, exibidos, otimizados e convertidos no seu dispositivo, e nada é enviado a um servidor. Depois da primeira visita, ele funciona até offline.
O viewsvg é grátis?
Sim. Todos os recursos são gratuitos, sem cadastro, sem marca d’água e sem limite de arquivos.