Pular para o conteúdo
helpyself

Minificador de SVG

Só local — nada é enviado a menos que você salve ou compartilhe.

Um minificador de SVG que remove dados extras do editor e scripts, sem alterar a arte.

  1. Cole o código-fonte do SVG ou solte o conteúdo do arquivo
  2. Escolha a precisão para arredondar as coordenadas — duas casas decimais já são suficientes para um ícone
  3. Minifique, confira se a pré-visualização continua correta, depois copie ou baixe

Title e description são mantidos por padrão — um leitor de tela os lê.

Compartilhar link

Salva nos seus arquivos e gera um endereço web para qualquer um abrir. Para de funcionar sozinho depois.

Link dura
Salvar esta ferramenta

Tenha Minificador de SVG sempre à mão

Favoritar

Sobre esta ferramenta

Um SVG exportado do Illustrator, Figma ou Inkscape carrega muitos dados que não têm relação com a imagem. Há um bloco de metadados com o nome do documento e do autor, namespaces de editor que registram configurações de grade e guias, um comentário do gerador, e coordenadas com doze casas decimais porque a matemática gerou assim. Em um ícone típico, essa gestão ocupa a maior parte do arquivo, sem alterar nenhum pixel. Remover esses dados costuma reduzir o tamanho pela metade ou mais. A outra metade do trabalho não é sobre tamanho. SVG é XML, então pode conter elementos script e atributos onclick, o que é o motivo de muitos sites recusarem SVGs: um arquivo servido do seu próprio domínio e aberto diretamente executa scripts com os privilégios da sua origem. Elementos script, manipuladores de eventos e links perigosos são removidos por padrão aqui, então o arquivo gerado é seguro para servir, não só para incorporar. Conteúdos de texto, elementos title e description são mantidos, pois são o que leitores de tela mostram.

Perguntas frequentes

Minificar vai mudar a aparência do meu ícone?

Não deve. Nada aqui reorganiza o desenho: não há fusão de caminhos, conversão de formas ou reordenação. O único risco visível é o arredondamento das coordenadas, por isso a precisão é ajustável e há uma pré-visualização ao lado do resultado. Defina como desativado se estiver trabalhando em escala muito grande.

O que ele remove ao minificar SVG?

Principalmente sobras do editor: nomes das camadas, configurações de grade e tags de versão que Illustrator, Figma e Inkscape inserem no arquivo e que ninguém lê. Comprimir SVG assim é sem perda — o desenho fica intacto, então um SVG limpo é igual ao original em pixels, porém ocupa muito menos espaço.

Por que ele remove scripts por padrão?

Porque SVG pode conter scripts, e um arquivo servido do seu domínio executa scripts com privilégios da sua origem. É por isso que muitos sites rejeitam uploads de SVGs. Remover scripts, manipuladores de eventos e links perigosos torna o arquivo seguro para ser servido diretamente.

Os elementos title e description são mantidos?

Sim, a menos que você opte por removê-los. A maioria dos minificadores os remove silenciosamente, mas eles são o nome acessível e a descrição que leitores de tela anunciam. Removê-los economiza muito pouco e prejudica a acessibilidade, então é opcional.

Por que a remoção de ids não usados vem desligada?

Pois um id pode ser referenciado de fora do arquivo. As referências internas são todas verificadas, mas CSS ou JavaScript da página que incorpora o SVG não podem ser detectados aqui. A economia de espaço é pequena e a quebra imperceptível, então você precisa ativar essa opção se quiser.

Quanto menor ficará meu arquivo?

Para um SVG exportado de editor, geralmente entre quarenta e setenta por cento, e esse valor é mostrado após cada execução. Um arquivo já minificado mal muda, que é o resultado correto e não uma falha.

Ajude a melhorar esta ferramenta

Encontrou um bug, quer mudar algo ou precisa de uma ferramenta que não temos?

/svg-minifier

↑↓ para navegar · Enter para abrir · Esc para fechar