Otimizador de SVG

Cole o código SVG e otimize-o com o SVGO para remover comentários, metadados de editores e dados redundantes. Veja a economia de bytes antes e depois, a redução percentual, o SVG minificado e uma prévia ao vivo, tudo no seu navegador.

O Otimizador de SVG é uma ferramenta gratuita que limpa e minifica código SVG direto no seu navegador usando o SVGO, o otimizador de SVG padrão do mercado. Cole o seu SVG e ele remove comentários, metadados de editores, definições não usadas e outros excessos que as ferramentas de design deixam para trás, reduzindo o resultado ao menor tamanho seguro. Você vê na hora a contagem de bytes antes e depois, a porcentagem economizada, o código otimizado pronto para copiar e uma prévia ao vivo para confirmar que a arte continua correta. Nada é enviado, então o seu SVG nunca sai da sua máquina.

O que é um otimizador de SVG?

Um otimizador de SVG reescreve um arquivo SVG para deixá-lo o menor possível sem mudar a aparência. Editores como Illustrator, Figma, Inkscape e Sketch exportam SVGs com muitos dados extras: comentários XML, namespaces e metadados específicos do editor, grupos ocultos ou vazios, números excessivamente precisos e atributos redundantes. Esta ferramenta passa o seu código pelo SVGO, que remove esse excesso e arredonda e compacta os dados de caminho e atributos, então o arquivo carrega mais rápido e é embutido de forma mais barata em HTML ou CSS, renderizando de forma idêntica.

Como otimizar um SVG

Limpar o seu SVG leva apenas alguns passos:

  1. Cole o seu código SVG bruto na caixa de entrada.
  2. Deixe o multipasse ligado para a melhor redução, ou ligue o embelezar se quiser a saída legível.
  3. Clique em Otimizar SVG para rodar o SVGO no seu navegador.
  4. Confira os tamanhos em bytes antes e depois e a porcentagem economizada.
  5. Confirme que a prévia ao vivo continua correta e copie o SVG otimizado.

O que o otimizador remove?

O SVGO aplica um conjunto de transformações seguras: ele apaga comentários XML, a declaração XML e o doctype, metadados de editores e o elemento metadata, namespaces de editores como os que o Inkscape e o Sketch adicionam, grupos vazios e definições não usadas, além de atributos padrão ou redundantes. Ele também compacta espaços em branco, encurta números e mescla caminhos quando pode. O resultado é um código bem menor que desenha exatamente a mesma imagem, e é por isso que a prévia ao vivo corresponde ao seu original.

Otimizar SVG é seguro e privado?

Sim. A otimização roda inteiramente no seu navegador com JavaScript, então o código SVG que você cola nunca é enviado para um servidor. A prévia ao vivo é renderizada apontando um elemento de imagem para uma data URI do SVG otimizado, que exibe a arte sem executar nenhum script dentro dela, e o código otimizado é mostrado como texto simples. Nada do que você cola é armazenado ou transmitido.

Por que usar este otimizador de SVG?

  • 100% gratuito, sem anúncios, cadastro ou limites.
  • Movido pelo SVGO, o mesmo otimizador usado em toda a web.
  • Mostra a economia exata de bytes antes e depois, além da redução percentual.
  • Remove comentários, metadados de editores e dados redundantes mantendo a imagem idêntica.
  • A prévia ao vivo renderiza o SVG otimizado para você confirmar que continua correto.
  • Roda inteiramente no seu navegador, então o seu código nunca sai do seu dispositivo.

Perguntas frequentes

O otimizador de SVG é gratuito?

Sim. Todas as ferramentas do ToolsSoup são totalmente gratuitas, sem conta, cadastro ou limites ocultos.

Otimizar vai mudar a aparência do meu SVG?

Não. O SVGO aplica apenas transformações seguras que encolhem o arquivo sem alterar a imagem renderizada, e é por isso que a prévia ao vivo corresponde ao seu original. Você pode comparar os dois lado a lado antes de copiar.

Quanto menor o meu SVG vai ficar?

Depende de quantos dados extras o seu editor adicionou. Arquivos exportados de ferramentas de design costumam encolher bastante por causa dos comentários e metadados que eles incluem. A ferramenta informa a economia exata de bytes e a porcentagem para o seu SVG específico.

Meu SVG é enviado para algum lugar?

Não. A otimização e a prévia rodam inteiramente no seu navegador, então o código SVG que você cola nunca é enviado ou armazenado em servidores.