Otimizador de SVG

O Otimizador de SVG limpa arquivos SVG exportados de apps de design, que costumam trazer dados do editor, comentários, decimais longos e definições não usadas. Ele usa o SVGO, o otimizador padrão, com configurações seguras: o viewBox é mantido para o desenho continuar escalável, os títulos ficam para leitores de tela e os IDs não são renomeados, a não ser que você peça. Veja a versão original e a otimizada lado a lado com o tamanho economizado, e depois baixe o arquivo ou copie o código.

Como usar: Otimizador de SVG

1. 1

   Adicione o seu SVG

   Arraste um arquivo ou cole o código.

2. 2

   Ajuste as configurações

   Escolha as casas decimais e o que manter ou remover.

3. 3

   Baixe ou copie

   Salve o SVG otimizado ou copie o código.

O que faz

Com SVGO

O otimizador de SVG padrão, rodando no seu navegador.

Seguro por padrão

Mantém o viewBox, os títulos e os IDs, a não ser que você escolha outra coisa.

Lado a lado

Compare antes e depois, com o tamanho economizado.

Perguntas

O SVG otimizado vai ficar diferente?

Não com as configurações padrão. Usar 0 casas decimais pode deslocar pequenos detalhes; compare as duas prévias.

Por que manter os IDs?

Sites e animações costumam acessar partes de um SVG pelo ID. Encurte-os só quando nada fora do arquivo os usa.

Quanto menor ele vai ficar?

Arquivos de apps de design costumam diminuir 30–70%; arquivos escritos à mão ou já otimizados diminuem menos.

Meu arquivo é enviado?

Não. Ele é otimizado no seu dispositivo.