Ir para o conteúdo

Minificador SVG

Reduza a marcação SVG removendo cruft XML, comentários e metadados do editor.

Entrada
Saída

Minificador SVG

Cole um SVG exportado de Illustrator, Inkscape ou Figma e esta ferramenta devolve uma versão minificada com o mesmo aspecto e um tamanho de ficheiro muito menor. Remove a declaração XML, comentários, metadados específicos do editor (elementos e atributos com espaço de nomes do Inkscape e Illustrator), grupos vazios e espaços em branco entre tags — tudo o que um navegador ou uma tag <img> nunca precisou em primeiro lugar.

Casas decimais controla quantos dígitos as coordenadas e outros atributos numéricos mantêm, de modo que "12.34567" se torna "12.35" no padrão de duas casas. Remover atributos id e class remove ambos, exceto um id ainda alvo de um preenchimento url(#…) ou referência href="#…" — esses permanecem, de modo que degradés, caminhos de recorte e elementos <use> continuam funcionando. Remover width/height, manter viewBox remove as dimensões externas apenas quando um viewBox está presente para assumir o dimensionamento, de modo que o SVG ainda dimensiona corretamente. Encurtar cores hexadecimais transforma "#ffffff" em "#fff" sempre que os três canais são duplicados, deixando qualquer outra coisa intacta.

Marcação malformada — uma tag não fechada ou com correspondência incorreta — é relatada como um erro em vez de adivinhada, uma vez que um minificador que corrige silenciosamente XML quebrado pode alterar o que é renderizado. O texto dentro de <text>, <tspan> e <style> embutido permanece exatamente como foi escrito, uma vez que o espaço em branco aí é parte do conteúdo, não da formatação. As terminações de linha do Windows e Unix são tratadas da mesma forma, e a contagem ao vivo mostra bytes de entrada, bytes de saída e a percentagem economizada.

Tudo funciona localmente no seu navegador: o SVG nunca sai do seu dispositivo, o que importa para conjuntos de ícones não publicados e trabalho de cliente. Copie o resultado, descarregue como ficheiro .txt ou envie-o de volta para a entrada para aplicar outra passagem com opções diferentes.

FAQ

Isto vai mudar a aparência do SVG?
Não. Remove apenas marcação que não tem efeito visual — comentários, metadados, grupos vazios e espaços em branco — e arredonda coordenadas, o que altera a renderização em menos de um pixel com a precisão padrão.
É seguro remover ids e classes?
A ferramenta mantém qualquer id ainda referenciado por um preenchimento url(#…) ou ligação href="#…", de modo que degradés, caminhos de recorte e ícones reutilizados continuam funcionando. Apenas ids não referenciados e todas as classes são removidos.
O que acontece se o meu SVG tiver um erro de sintaxe?
A ferramenta o reporta em vez de adivinhar — uma tag não fechada ou com correspondência incorreta devolve uma mensagem de erro clara para que possa corrigir a marcação e tentar novamente.
Remover width e height danifica a imagem?
Apenas quando um viewBox está presente a ferramenta os remove — o viewBox por si só é suficiente para que o SVG se dimensione a qualquer tamanho que o seu contentor lhe dê.
O meu SVG é carregado em algum lugar?
Não. A minificação ocorre inteiramente no seu navegador — o seu ficheiro nunca sai do seu dispositivo.