SVG Optimizer — o svgo de verdade, no seu navegador
Reduza arquivos SVG com os 45 plugins do svgo, ligue ou desligue cada um você mesmo, e veja o tamanho com gzip que realmente vai para o ar. Roda num worker em segundo plano na sua própria máquina — sem upload, sem fila, sem cadastro.
Como funciona
Três passos, e o do meio é seu.
- 1
Solte o arquivo
Arraste um .svg ou .svgz, cole o código, ou mande de outra ferramenta. Nada roda ainda — o arquivo só espera.
- 2
Decida o que ele faz
Escolha um perfil, ou abra os controles e ajuste você mesmo os 45 plugins. Cada um informa se pode mudar o que você vê.
- 3
Leve embora
Baixe, copie como SVG, como componente React ou como data URI de CSS, ou mande direto para a próxima ferramenta sem passar pela pasta de downloads.
O que ele faz
O svgo de verdade, os 45 plugins
O mesmo motor com que a indústria inteira constrói, rodando no seu navegador em vez do terminal. O perfil Equilibrado bate exatamente com `npx svgo`, então o que você vê aqui é o que seu build vai produzir.
Abre arquivos que outros rejeitam
Editores exportam XML inválido o tempo todo — um prefixo inkscape: não declarado, um e-comercial solto, uma marca BOM. Parsers estritos rejeitam o documento inteiro. Este repara o defeito, otimiza o arquivo e diz exatamente o que precisou corrigir.
Precisão que dá para ver
Amplie até 4000 %, navegue pela tela e segure Alt para voltar ao original na mesma ampliação. O estrago do arredondamento aparece como uma ondulação visível muito antes de aparecer numa porcentagem.
O tamanho que realmente vai
Bytes brutos e bytes com gzip, lado a lado. Eles contam histórias diferentes: tirar espaços parece espetacular no bruto e não muda quase nada depois da compressão, porque o gzip já cuidava disso.
Nada sai da sua máquina
O otimizador roda num worker em segundo plano dentro do seu navegador; nenhum arquivo é enviado. A pré-visualização vai além e remove scripts, manipuladores de eventos e referências remotas, então um SVG hostil não consegue executar código nem ligar para casa enquanto você olha.
Direto para a próxima ferramenta
Mande o arquivo otimizado para o gerador de favicons, o conversor de formatos, o criador de QR ou o compactador sem baixar e reenviar.
Perguntas Frequentes
Meu SVG é enviado para algum lugar?
Não. O svgo roda numa thread worker dentro do seu navegador e o arquivo nunca sai da sua máquina. A pré-visualização vai além: scripts, manipuladores de eventos e referências a arquivos remotos são removidos antes de qualquer desenho, então abrir um arquivo que te mandaram é seguro.
Por que outras ferramentas rejeitam meu arquivo e aqui ele funciona?
Porque editores exportam XML inválido o tempo todo. O culpado de sempre é um prefixo de namespace usado sem ser declarado: um <g inkscape:groupmode="layer"> sem o xmlns:inkscape correspondente. Parsers estritos, svgo e seu navegador incluídos, recusam o documento inteiro. Esta ferramenta repara isso (e também marcas BOM, e-comerciais soltos e subconjuntos de DOCTYPE) antes de otimizar, e diz exatamente o que corrigiu.
Até onde posso baixar a precisão?
Depende da arte, e convém olhar em vez de supor. Precisão menor arredonda coordenadas, e num desenho grande ou muito detalhado esse arredondamento aparece como uma ondulação nas curvas bem antes de o arquivo encolher de forma relevante. Aproxime e segure Alt para alternar entre o resultado e o original na mesma ampliação.
Por que as porcentagens bruta e com gzip são tão diferentes?
Porque medem coisas diferentes. Tirar espaços e encurtar nomes de atributos parece dramático em bytes brutos, mas o gzip já agrupava essas repetições, então o tamanho comprimido mal se move. Mudanças de geometria — convertPathData acima de tudo — reduzem os dois. Se o seu servidor envia respostas comprimidas, e quase todos enviam, o número que importa é o do gzip.
O resultado vai bater com o svgo do meu build?
No perfil Equilibrado, sim: é o próprio preset-default do svgo, com a mesma ordem de plugins e os mesmos padrões. Mude qualquer interruptor e você já saiu disso, o que o rótulo Manual indica.
O que significa "muda o comportamento" em alguns plugins?
Que o plugin não está só deixando o arquivo menor, está alterando o que ele faz. removeViewBox tira a capacidade de escalar do SVG. removeDimensions faz ele preencher o contêiner em vez de usar o próprio tamanho. removeTitle apaga o nome acessível que leitores de tela anunciam. Todos vêm desligados e o botão Ativar tudo não liga nenhum deles.