Grátis online SVG Optimizer
Otimize, minifique e limpe arquivos SVG online. Remove metadados do Inkscape/Illustrator, comentários, grupos vazios e atributos desnecessários. Pré-visualização instantânea — gratuito, 100% no cliente.
100% lado do cliente · Seus dados nunca saem do navegadorOptimization Options
Como usar SVG Optimizer
Cole seu código SVG no painel Input SVG, escolha as opções de otimização e clique em Optimize ou pressione Ctrl/Cmd+Enter.
- Remover comentários — remove blocos
<!-- ... -->. - Remover metadados — remove o elemento
<metadata>inserido pelo Inkscape/Illustrator. - Remover atributos do editor — apaga
inkscape:*,sodipodi:*,data-namee suas declarações de namespace. - Colapsar espaços — normaliza espaços e quebras de linha em valores de atributo e entre tags.
- Remover grupos vazios — elimina elementos
<g></g>sem filhos. - Arredondar números — reduz a precisão decimal das coordenadas de caminho
d(ex.: 123.456789 → 123.46).
A barra de estatísticas mostra o tamanho original vs. otimizado e o percentual economizado. Use Format para embelezar um SVG minificado. Pressione Ctrl/Cmd+K para limpar.
Perguntas frequentes
O que a otimização de SVG faz?
A otimização de SVG remove dados desnecessários para o renderizador: metadados do editor, comentários XML, elementos contêineres vazios, declarações de namespace redundantes e espaços em branco excessivos. Também pode arredondar números decimais excessivamente precisos nos dados de caminho. O resultado é um arquivo menor que renderiza identicamente em todos os navegadores.
Por que SVGs do Inkscape ou Illustrator contêm tantos dados extras?
Inkscape e Adobe Illustrator incorporam atributos de namespace privados (inkscape:*, sodipodi:*, ai:*) e blocos de metadados para preservar o estado de edição: nomes de camadas, configurações de grade, informações de fonte e propriedades do documento. São necessários no editor, mas irrelevantes para o navegador.
A otimização mudará a aparência do meu SVG?
As opções desta ferramenta são projetadas para ser visualmente sem perdas. Remover comentários, metadados e atributos do editor não altera o resultado renderizado. Arredondar coordenadas de caminho para 2 casas decimais é imperceptível em tamanhos de exibição normais (erro menor que 0,01 px). Sempre pré-visualize o resultado antes de implantar.
Por que a precisão dos dados de caminho afeta o tamanho do arquivo?
As ferramentas de desenho geralmente exportam coordenadas com 6–10 casas decimais, mas para exibição na web 1–2 casas são suficientes. Em ilustrações complexas com muitos segmentos de caminho, o arredondamento reduz significativamente o número de caracteres.
O que é uma otimização segura vs. uma insegura?
Otimizações seguras preservam a saída visual: remoção de comentários, metadados, atributos do editor e grupos vazios. Otimizações inseguras podem alterar a aparência: remoção do atributo viewBox, alteração de cores que o CSS substitui, ou remoção de atributos id referenciados pelo JavaScript. Esta ferramenta aplica apenas otimizações seguras.
Como isso se compara ao SVGO?
SVGO é o otimizador Node.js padrão do setor com dezenas de plugins, incluindo mesclagem avançada de caminhos. Esta ferramenta de navegador cobre as otimizações mais impactantes sem instalação. Para pipelines de build em produção, SVGO ou o plugin svgo para Vite/webpack é recomendado; esta ferramenta é ideal para arquivos pontuais.