Otimizador de SVG

Otimizador de SVG

Remova o excesso deixado pelo editor, encurte coordenadas e una traçados com o SVGO — com cada opção sob seu controle e conferência lado a lado.

☞ roda inteiramente no seu navegador — nada é enviado

Arraste seu SVG aqui

ou clique para procurar — apenas SVG

Antes e depois

O que remover Comentários Metadados do editor Elementos ocultos Grupos vazios Unir traçados Limpar atributos id

Precisão decimal

Menos casas decimais significa arquivos menores. 3 é seguro para quase todo desenho; baixe para 1–2 apenas em ícones simples.

Multipass

Roda o otimizador repetidamente até o arquivo parar de encolher. Mais lento e, em geral, um pouco menor.

Código otimizado

menor, mesma imagem

Por que arquivos SVG são maiores do que precisam ser

Arquivos exportados de aplicativos de design carregam metadados do editor, definições sem uso e coordenadas escritas com uma dúzia de casas decimais. Nada disso muda a aparência da imagem, e tudo isso é enviado a cada visitante.

O SVGO remove isso com segurança. A prévia lado a lado existe para você confirmar que nada de que precisava foi apagado — unir um traçado ou limpar um id pode, de vez em quando, mudar um arquivo do qual outro código depende.

três passos

Como otimizar um SVG

Solte o SVG

Escolha um arquivo .svg — ele fica no seu dispositivo.

Escolha as opções

Marque o que remover e defina a precisão decimal.

Compare e salve

Confira as duas prévias e copie o código ou baixe o arquivo.

respostas rápidas

Perguntas frequentes do otimizador de SVG

Otimizar vai quebrar meu SVG?

Os padrões são seguros para desenhos independentes. Duas opções pedem atenção: unir traçados muda a estrutura do documento e limpar atributos id renomeia coisas que seu CSS ou JavaScript pode referenciar. Desligue-as se o arquivo tiver animação ou scripts.

Qual precisão decimal devo usar?

Três é um bom padrão. Ícones simples costumam suportar 1–2 e economizar mais, enquanto ilustrações detalhadas e mapas podem distorcer visivelmente abaixo de 3 — a prévia lado a lado mostra isso.

Qual a diferença para o minificador?

O minificador roda o mesmo motor com o preset padrão e sem nada para decidir. Use-o quando quiser apenas um arquivo menor; use esta página quando precisar controlar exatamente o que é removido.

Meu arquivo é enviado?

Não. O SVGO roda no seu navegador e o arquivo nunca sai do seu dispositivo.

Otimizador de SVG