Otimizador de SVG
Tire o excesso e reduza o arquivo
Entrada
Resultado
Nada informado ainda
Solte um arquivo ou cole o código — o resultado aparece aqui.
O viewBox é sempre mantido, então o redimensionamento responsivo nunca quebra.
SVGs exportados do Illustrator ou do Figma carregam nomes de camada, metadados do editor e coordenadas com muito mais casas decimais do que qualquer pessoa consegue ver. Remover tudo isso normalmente reduz o arquivo à metade sem mudar a aparência.
Como usar
- 1 Solte um arquivo SVG, ou cole o código.
- 2 Ajuste as opções se precisar — desligue a limpeza de IDs quando o seu CSS ou JavaScript se referir a eles.
- 3 Compare o tamanho antes e depois.
- 4 Copie o código otimizado ou baixe o arquivo.
Perguntas frequentes
Otimizar muda a aparência?
Com as configurações padrão, não. Baixar demais a precisão decimal é a única coisa que pode deixar as curvas visivelmente quebradas — se as formas suaves começarem a parecer angulares, aumente de volta.
Quando devo manter os IDs?
Sempre que algo fora do arquivo se referir a eles: seletores CSS, JavaScript que anima um caminho ou referências internas como gradientes e máscaras de recorte. Na dúvida, deixe a limpeza de IDs desligada.
O viewBox é preservado?
Sempre. Removê-lo quebraria o redimensionamento responsivo, então ele nunca é tocado, independentemente das outras opções.