Otimizador de SVG
Otimize SVGs removendo metadados, comentários e atributos desnecessários. Reduza o tamanho dos seus ícones.
O que é Otimizador de SVG?
O Otimizador de SVG do humberto.ai reduz o tamanho de arquivos SVG removendo comentários, metadados, atributos vazios, elementos ocultos e espaços desnecessários, além de arredondar casas decimais. Cole o código ou envie um arquivo .svg de até 2 MB e veja o tamanho original, o otimizado e o percentual de redução lado a lado. Todo o processamento roda no navegador — nada é enviado a servidores.
Como usar
- Cole o código SVG no campo de texto ou envie um arquivo .svg de até 2 MB pelo botão de upload.
- Marque as opções de otimização desejadas — remover comentários, metadados, atributos vazios, elementos ocultos, minificar e arredondar decimais vêm ativadas; "remover valores padrão" vem desativada.
- Confira a pré-visualização do resultado e compare o tamanho original, o otimizado e o percentual de redução exibidos lado a lado.
- Copie o código otimizado para a área de transferência ou baixe o arquivo optimized.svg.
- Clique em "Limpar" para apagar o conteúdo atual e recomeçar com outro SVG.
Perguntas frequentes
Meu SVG é enviado para algum servidor?
Não. Toda a otimização roda no navegador com DOMParser e XMLSerializer nativos do JavaScript — o código do seu SVG nunca sai do seu computador nem passa por servidores do humberto.ai.
Qual o tamanho máximo de arquivo aceito no upload?
O upload por arquivo .svg é limitado a 2 MB; arquivos maiores são recusados com aviso. Se precisar otimizar algo maior, cole o código diretamente no campo de texto (sem esse limite, mas SVGs muito extensos podem deixar o navegador mais lento).
Só aceita arquivos .svg no upload?
Sim, o botão de upload valida a extensão e rejeita qualquer arquivo que não termine em .svg. Para outros formatos, cole o código-fonte manualmente na caixa de texto.
Quais otimizações a ferramenta aplica?
Por padrão remove comentários, tags <metadata>/<title>/<desc>, atributos vazios, elementos com display="none" ou visibility="hidden", minifica espaços em branco e arredonda números decimais para 2 casas. A opção "remover valores padrão" (fill="none", stroke-width="1" etc.) vem desativada por padrão — ative-a se quiser um corte ainda mais agressivo.
O SVG otimizado não aparece ou fica igual ao original. Por quê?
Se o código colado não for um SVG válido, o parser detecta o erro e a ferramenta devolve o texto original sem alterações. Confira se o SVG está bem formado (tags fechadas, sintaxe XML correta) e se ao menos uma opção de otimização está marcada.
As otimizações podem alterar a aparência do SVG?
As opções só removem dados redundantes (comentários, metadados, atributos vazios ou ocultos) e ajustam casas decimais, então a renderização visual normalmente não muda. Ainda assim, use a pré-visualização exibida abaixo do formulário para conferir antes de copiar ou baixar.