Otimizador SVG Online
Otimizador SVG grátis — remova metadados do editor, comentários e reduza precisão de caminhos de exportações do Figma e Illustrator. 100% no browser, sem...
Atualizado em maio de 2026
Optimization Level
Cleaning Options
Prettify Code
Readable indented output
Path Precision
2 dpLower precision results in smaller files but may distort complex shapes.
PRO TIP
Always use 'Balanced' for logos. 'Aggressive' can sometimes merge layers that need separate animation IDs.
Your SVG files are never uploaded. All optimization runs entirely in your browser.
30–70% Smaller
Removes editor metadata, comments, and redundant elements without changing the visual output.
Configurable Presets
Choose Safe, Balanced, or Aggressive optimization — or tune individual options manually.
100% Private
No upload to any server. Your SVG files never leave your device.
Como usar
De exportação inchada a SVG de produção
1. Cole ou envie o SVG
Arraste um arquivo `.svg` ou cole o código diretamente na área de texto.
2. Escolha o nível
Safe, Balanced (recomendado) ou Aggressive — ou ajuste cada opção individualmente.
3. Visualize e exporte
Confira no preview que nada mudou visualmente, depois copie ou baixe o `.svg` otimizado.
O que esta ferramenta faz
As mesmas otimizações do SVGO, no navegador
Remove sobrecarga de editor
Namespaces do Figma/Illustrator/Inkscape/Sketch, metadados, comentários e IDs de camada não usados.
Reduz precisão de coordenadas
d="M15.123456 32.678901" vira d="M15.12 32.68" sem alterar a renderização.
Preview antes/depois
Estatísticas de redução e visualização lado a lado antes de exportar.
Nunca remove o `viewBox`
Essencial para a escalabilidade responsiva — preservado em qualquer preset.
Modo Prettify
Indenta o código para leitura/debug. Aumenta o tamanho do arquivo — desative antes de exportar para produção.
Remove grupos `<g>` vazios
Elimina elementos de agrupamento sem filhos ou conteúdo, deixados por ferramentas de camadas como Figma.
Safe vs. Balanced vs. Aggressive
Quando você vai usar isso
Os cenários mais comuns entre quem usa a ferramenta
Performance web e Core Web Vitals
Cada KB economizado em ícones e logos reduz o peso da página, especialmente o LCP.
Limpar exportações do Figma/Illustrator
Remova as camadas de metadados proprietárias adicionadas automaticamente.
Preparar componentes React/Vue
SVG otimizado e sem IDs desnecessários é mais fácil de colar como componente JSX/TSX.
Manter bibliotecas de ícones
Processe conjuntos inteiros sem precisar de uma configuração local do SVGO.
Embedding em e-mail e CMS
SVGs inline menores respeitam os limites de payload de sistemas de gerenciamento de conteúdo e clientes de e-mail.
Revisão visual antes de publicar
Use o slider de comparação em tela cheia para conferir original e otimizado lado a lado antes de fazer deploy.
Erro comum? Comece por aqui
Usar Aggressive em ilustrações complexas
O arredondamento para 1 casa pode introduzir diferenças subpixel perceptíveis em curvas.
Remover IDs referenciados por CSS/JS
Se animações ou seletores dependem de um ID, use o preset Safe para preservá-los.
Achar que otimização substitui GZIP
São complementares — minifique o SVG e ainda ative compressão no servidor.
Ativar Prettify esperando um arquivo menor
Prettify indenta o código para leitura humana — isso aumenta o tamanho do arquivo, não reduz. Desative antes de exportar para produção.
Esperar remoção automática de `<defs>` não usados
Esta ferramenta remove IDs não referenciados, mas não elimina gradientes ou clip-paths inteiros em <defs> que ficaram sem uso.
Esperar compressão de imagens raster embutidas em base64
O otimizador atua na geometria vetorial — paths, coordenadas, IDs — mas não recomprime imagens PNG/JPG embutidas via <image> em base64 dentro do SVG. Otimize essas imagens raster separadamente antes de embuti-las.
Por que usar esta ferramenta
Implementa as mesmas otimizações essenciais do SVGO — a biblioteca Node.js por trás da maioria dos otimizadores — diretamente no navegador, sem instalar nada.
Um ícone típico exportado do Figma é 2–5× maior do que o necessário. Sem upload para servidor, sem cadastro, sem limite de tamanho.
Cada opção de limpeza pode ser ligada ou desligada individualmente, e o slider de comparação em tela cheia mostra exatamente o que mudou antes de você publicar.
Perguntas frequentes
Remove dados desnecessários — metadados do editor, comentários, namespaces redundantes, precisão decimal excessiva — sem alterar a renderização. O resultado é um arquivo menor que carrega mais rápido.
Referências
Ferramentas Relacionadas
- Gerador de Tabela ASCII e Markdown Desenvolvedor Gerador de tabela ASCII grátis — crie tabelas de texto no estilo MySQL, Markdown, Unicode, arredondado, linha dupla e reStructuredText. Cole CSV ou digite...
- Base64 Decode Online — Decodificar Base64 Grátis Desenvolvedor Base64 decode online: cole o texto e decodifique para UTF-8 na hora. Suporta b64 decode, URL-safe e download. 100% no navegador, sem cadastro.
- Base64 Encode Online — Codificar Texto em Base64 Desenvolvedor Base64 encode online: converta texto ou UTF-8 em Base64 instantaneamente. Suporte a URL-safe e cópia rápida. 100% no navegador, sem cadastro, grátis.
- Base64 to Image — Base64 para Imagem (Data URL) Desenvolvedor Cole uma string Base64 ou data URL (data:image/png;base64,...) e veja a imagem na hora. PNG, JPG, WebP, GIF e SVG. Baixe o arquivo, sem upload.
- Gerador Bcrypt Desenvolvedor Gerador e verificador de hash bcrypt grátis — 100% client-side. Benchmark do cost factor em tempo real, parser e code snippets para Node.js, Python, PHP, Go.
