Otimizador de SVG grátis

Solte o SVG nesta página e o otimizador remove dados do editor, metadados, comentários, formas ocultas e espaços em branco extras. Confira a pré-visualização e o tamanho economizado na barra de estatísticas e clique em Baixar para obter o arquivo menor.

De cerca de 1% a 80% nos nossos arquivos de teste, dependendo da origem do arquivo. Um logo no estilo Inkscape cheio de dados do editor diminuiu 80%, enquanto um ícone limpo de 24 px diminuiu 1%. Fotos incorporadas dentro de um SVG não ficam menores.

Em geral, não. Formas, cores e coordenadas dos caminhos são mantidas como estão. O risco está em Remover elementos ocultos, que exclui formas com opacidade zero ou display none, mesmo que um CSS ou um script fosse exibi-las depois. Compare as duas pré-visualizações antes de baixar.

Limpar IDs é a causa mais provável. Ele exclui IDs não utilizados e renomeia os demais para nomes curtos, como a e b, então CSS ou scripts fora do SVG que procuram um ID deixam de encontrá-lo. Se o SVG tiver sua própria tag style ou script, Limpar IDs não mexe nos IDs. Desative Limpar IDs para mantê-los.

Remover metadados exclui o bloco de metadados. Remover comentários exclui os comentários do código. Recolher grupos desfaz grupos que não têm função. Limpar IDs encurta ou remove IDs. Remover elementos ocultos descarta formas invisíveis e definições não utilizadas. Mesclar caminhos une caminhos vizinhos que compartilham o mesmo estilo.

Sim. O viewBox, a largura, a altura e as tags title e desc são sempre mantidos, então o SVG continua escalando e mantém seu rótulo de texto. Há uma exceção: Limpar IDs remove o ID de um title, o que quebra um vínculo aria-labelledby com ele. Desative Limpar IDs nesses arquivos.

Não. As coordenadas dos caminhos não são arredondadas, então nenhum dígito importante é cortado, e as cores não são reescritas. Mesclar caminhos reescreve o código do caminho ao unir dois caminhos, então 10.000000 pode virar 10, mas o valor continua o mesmo. Por isso, arquivos com muitas casas decimais diminuem menos aqui.

O arquivo não é um código SVG válido. O otimizador lê o arquivo como texto e para diante de uma marcação quebrada, como uma tag sem fechamento, e a mensagem indica a linha e a coluna. Corrija esse trecho em um editor de texto e adicione o arquivo novamente.

Sim. Clique em Mostrar diferença de código abaixo das pré-visualizações para abrir o código original e o otimizado lado a lado. Ele mostra os dois arquivos completos, em vez de destacar cada alteração, e o código otimizado é minificado em uma única linha longa.

Não. A ferramenta aceita um arquivo .svg por vez e não tem um campo para colar código. Soltar dois arquivos mostra o mesmo erro de tipo de arquivo incorreto. Arquivos compactados .svgz não são aceitos, então descompacte-os para um .svg simples antes. Para limpar vários arquivos de uma vez, use o Otimizador de SVG em lote.

Ele executa o SVGO 4 no seu navegador, com um conjunto fixo de 13 plugins em vez do preset padrão. Seis deles são as opções do editor. Os outros sete sempre rodam e removem dados de editor, o cabeçalho XML, o doctype e tags vazias.

Não. Seu SVG é lido e otimizado dentro desta aba do navegador, e o resultado é salvo direto nos seus downloads. A página envia estatísticas de uso anônimas, como quais opções estavam ativadas e um tamanho aproximado do arquivo, mas nunca o código do SVG nem o nome dele.