Imagens
Otimizar SVG
SVG mais leves com um resultado visual estritamente idêntico, num clique.
Ganho
Os SVG exportados do Illustrator, do Figma ou do Inkscape arrastam uma quantidade surpreendente de excesso: metadados de editor, comentários, camadas ocultas, identificadores gerados, coordenadas com oito casas decimais. Esta ferramenta limpa-os com o SVGO, a referência do setor, diretamente no seu navegador. Cole o código SVG ou largue o ficheiro: a versão otimizada aparece de imediato, com o tamanho antes/depois e a percentagem poupada — muitas vezes 30 a 70 % numa exportação em bruto. O resultado visual mantém-se estritamente idêntico. Copie o resultado ou descarregue-o, pronto para o seu site, a sua aplicação ou o seu sistema de ícones. Nenhum ficheiro é enviado para um servidor.
Como funciona?
- Cole o código SVG ou largue o ficheiro.
- Clique em «Otimizar» — o código limpo aparece de imediato.
- Compare o tamanho antes/depois e a percentagem de ganho.
- Copie o SVG otimizado ou descarregue-o.
Perguntas frequentes
O que é removido exatamente?
Metadados de editor, comentários, definições não utilizadas, atributos por omissão e espaços supérfluos; os valores numéricos são arredondados com critério e os caminhos fundidos quando possível. Tudo o que não afeta o resultado visual.
O resultado pode mudar depois da otimização?
Com as predefinições usadas aqui, não — as transformações aplicadas preservam o resultado visual. Ainda assim, verifique os SVG animados ou estilizados por CSS externo que aponte para identificadores específicos, já que os id não utilizados são limpos.
Porquê otimizar os SVG de um site?
Um logótipo ou um conjunto de ícones carrega em todas as páginas, pelo que cada kilobyte conta — sobretudo quando o SVG está incorporado no HTML. SVG limpos também reduzem o DOM e aceleram a apresentação inicial.