Minifique e comprima ficheiros SVG com SVGO. Remova metadados, comentários e código redundante — tudo no browser.
Optimize up to 50 SVG files at once and download as a ZIP.
Processe até 50 ficheiros de uma vez com Pro. Economize horas de trabalho repetitivo.
Atualizar para Pro — $8/mês| Plugin | O que faz |
|---|---|
| removeComments | Removes XML and SVG comments |
| removeMetadata | Removes <metadata> blocks added by design tools |
| cleanupAttrs | Cleans up attribute formatting and whitespace |
| minifyStyles | Minifies inline CSS style attributes |
| cleanupIds | Removes unused IDs and shortens referenced ones |
| convertColors | Converts colors to shorter hex notation |
| convertPathData | Optimises path data commands and coordinates |
| mergePaths | Merges adjacent paths with identical styles |
| collapseGroups | Collapses unnecessary group elements |
| removeUselessDefs | Removes <defs> with no referenced elements |
A optimização SVG remove conteúdo desnecessário de ficheiros SVG: metadados do editor, comentários, elementos ocultos, valores de atributos predefinidos e espaços em branco redundantes. Também funde caminhos, converte formas em equivalentes mais curtos e arredonda coordenadas decimais. O resultado é um SVG mais pequeno e limpo que renderiza de forma idêntica.
As poupanças variam muito consoante a forma como o SVG foi criado. Exportado do Illustrator ou Inkscape: redução de 50-80%. SVGs optimizados manualmente: 10-30%. SVGs de ferramentas de design como Figma já são relativamente limpos: 20-50%. Esta ferramenta mostra as poupanças exactas em bytes.
Com as definições predefinidas, a optimização é sem perdas — o SVG optimizado renderiza de forma idêntica ao original. Opções agressivas como remover viewBox ou fundir estilos podem afectar o dimensionamento ou estilo externo. Esta ferramenta usa predefinições SVGO seguras.
Sim. Um SVG inline optimizado pode ser colado directamente em HTML. Para tags img ou fundos CSS, guarde como ficheiro .svg. Para ícones muito pequenos, considere converter para um URI de dados (ex. url("data:image/svg+xml,...")) para zero pedidos HTTP.