Pular para o conteúdo
ToolMug

Otimizador de SVG

Comprima arquivos SVG com o SVGO no seu navegador. Ele remove os metadados, comentários e atributos redundantes que Illustrator, Inkscape e Figma adicionam na exportação, e encurta os dados de caminho e os decimais, então a imagem fica igual e o arquivo fica menor. Processe vários arquivos de uma vez ou cole o código SVG.

Roda no seu navegador — nada do que você digita é enviado

3

As coordenadas são arredondadas para essa quantidade de casas decimais. 2–3 é imperceptível na maioria dos ícones; menos casas resulta em arquivo menor, mas pode distorcer detalhes.

ou solte arquivos aqui

Ou cole o código SVG
SVG otimizado

Como usar

  1. Escolha ou solte arquivos SVG (vários de uma vez, se quiser), ou cole o código SVG abaixo. Clique em Carregar exemplo para ver como funciona.
  2. Ajuste as casas decimais e outras opções. Os resultados são atualizados na hora e mostram o quanto cada arquivo diminuiu.
  3. Baixe cada arquivo otimizado ou clique em Baixar tudo (ZIP). O código colado pode ser copiado direto.

Opções explicadas

Casas decimais
Quantas casas decimais coordenadas e números mantêm, 3 por padrão. Ícones geralmente ficam iguais com 1–2; mantenha 3 ou mais para ilustrações detalhadas e mapas.
Executar várias passagens
Repete a otimização até o arquivo parar de diminuir. Costuma economizar mais alguns por cento e demora um pouco mais.
Remover width/height
Mantém só o viewBox para que o SVG se ajuste ao seu contêiner — útil quando você define o tamanho pelo CSS.
Manter os IDs
Por padrão, IDs não usados são removidos e o restante é encurtado. Marque isso se CSS externo, JavaScript ou outros arquivos referenciam elementos por ID.

Exemplo

O original (exportado do Inkscape, 789 bytes) contém uma declaração XML, um comentário, metadados, atributos só de editor e decimais longos. Otimizado (248 bytes):

<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><circle cx="60" cy="60" r="50" style="fill:#0f766e;fill-opacity:1;stroke:none"/><path d="m40 62 14 14 28-30-6-6-22 24-8-8Z" style="fill:#fff;stroke:none"/></svg>

Perguntas frequentes

A imagem vai ficar com qualidade pior?

SVG é um formato vetorial. A otimização só remove conteúdo que não afeta a renderização e arredonda números para as casas decimais escolhidas. Com os padrões não há diferença visível; se uma forma se distorcer, aumente as casas decimais.

O quanto o arquivo vai diminuir?

Depende do programa que o exportou. SVGs de ferramentas de design costumam diminuir 30–70% — o exemplo vai de 789 para 248 bytes. Arquivos que já estavam otimizados mudam pouco.

Por que uma animação ou script parou de funcionar?

Se os estilos ou scripts do SVG selecionam elementos por ID, marque Manter os IDs.

Meus arquivos são enviados?

Não. O SVGO roda no seu navegador; os arquivos são lidos e processados localmente.

Privacidade

Esta ferramenta funciona inteiramente no seu navegador. Seus arquivos e textos são processados no seu dispositivo e nunca são enviados aos nossos servidores.

Ferramentas relacionadas