SVG → SVG
Otimizador SVG
Deixe arquivos SVG menores sem mudar a aparência. O otimizador roda o SVGO no seu navegador e mostra o resultado ao lado do original.
Solte um arquivo SVG aqui ou clique para escolher um arquivo, ou cole com Ctrl+V Roda no navegador · os arquivos ficam no seu aparelho
Como comprimir um SVG
- Adicione seu SVG. Solte, escolha ou cole o arquivo.
- Defina as casas decimais. Menos decimais geram um arquivo menor. Confira na prévia se alguma borda se deslocou.
- Compare as duas prévias. O original e a versão otimizada aparecem lado a lado, com a economia de tamanho.
- Baixe ou copie o código. O nome do arquivo ganha a terminação .min.svg.
O que o otimizador SVG remove
Os programas de design acrescentam dados que os navegadores nunca usam: namespaces e metadados do editor, comentários, camadas ocultas, grupos vazios, valores padrão de atributos e coordenadas com mais decimais do que uma tela consegue mostrar. O otimizador usa o SVGO, o otimizador de código aberto presente em muitas ferramentas de build para web, com o conjunto padrão de plugins seguros.
Comprimir SVG arredondando decimais
Os dados dos caminhos costumam ser a maior parte de um SVG, e boa parte deles são decimais. Uma coordenada como 12.483920 em um ícone de 24 px fica igual a 12.48. O controle de casas decimais define esse arredondamento. Para ícones, 1 a 2 decimais costumam bastar; para ilustrações detalhadas ou mapas, mantenha 3. A opção Repetir até não reduzir mais aplica os plugins várias vezes, o que extrai um pouco mais de arquivos complexos.
Otimizar SVG para a web: opção responsiva
Marque Remover largura e altura para tirar as dimensões fixas e manter só o viewBox. Assim o SVG se ajusta à largura do contêiner, que é o que você quer para ícones e logos em layouts com CSS. Deixe desmarcado se o SVG precisar manter um tamanho exato.