Pular para o conteúdo
100% Privacidade — Seus arquivos permanecem no seu dispositivo
>_
Português

Otimizador de SVG

Reduza o tamanho dos seus arquivos SVG sem quebrá-los, direto no navegador.

ou arraste e solte um arquivo .svg aqui Selecione ou solte vários arquivos para otimizar todos e baixar um .zip.

Opções de otimização
Plugins individuais (avançado — controle total, no estilo SVGOMG)

Cole o código SVG ou envie um arquivo para começar.

Como funciona a otimização de SVG?

Ícones e logos exportados de ferramentas de design como Illustrator, Figma ou Sketch costumam carregar muita bagagem que não tem nada a ver com a aparência final da imagem: metadados do editor, comentários XML, grupos redundantes, coordenadas escritas com quinze casas decimais e IDs que ninguém referencia. Nada disso muda o que é renderizado na tela, mas tudo isso infla o tamanho do arquivo — e se o seu site usa dezenas de ícones SVG, esse peso extra some rápido no total.

Esta ferramenta roda o svgo, o mesmo motor de otimização por trás do SVGOMG, inteiramente dentro do seu navegador. Cole o código do SVG ou solte um arquivo, e ele remove comentários e resíduos do editor, mescla caminhos (paths) quando possível, elimina grupos redundantes e arredonda coordenadas até a precisão que você definir — tudo sem que o arquivo saia do seu dispositivo. Não há etapa de upload nem servidor envolvido, então funciona igualmente bem tanto para o logo de um cliente confidencial quanto para um ícone público.

As opções padrão são propositalmente conservadoras: elas preservam o viewBox (para que o ícone continue escalando corretamente onde quer que seja usado) e mantêm width/height intactos. Ativar "Remover width/height" é útil quando você vai incorporar o SVG inline e controlar o tamanho via CSS, já que dimensões fixas no elemento raiz podem entrar em conflito com sua folha de estilos. O Multipass roda o otimizador mais de uma vez, capturando ganhos que só aparecem depois que a primeira passada já simplificou o código — raramente há motivo para desativá-lo.

A Precisão controla quantas casas decimais sobrevivem nas coordenadas dos caminhos; reduzi-la encolhe ainda mais o arquivo, mas pode introduzir pequenos desvios visuais em ilustrações muito detalhadas, por isso vale a pena conferir a prévia ao vivo depois de ajustá-la. Para a maioria dos ícones e logos, as opções padrão sozinhas já costumam cortar de 40% a 60% do tamanho do arquivo sem diferença visível — use a prévia e o contador de tamanho antes/depois para confirmar antes de baixar o resultado.

Perguntas frequentes

Posso controlar cada otimização individualmente, e não só algumas predefinições?

Sim — um painel avançado expõe todos os plugins do SVGO (34 no total) como chaves individuais de ligar/desligar.

Otimizar vai prejudicar a capacidade do meu SVG de escalar de forma responsiva?

Não, por padrão — o viewBox é mantido, a menos que você ative explicitamente "Remover viewBox".

Quanto uma otimização costuma reduzir o tamanho de um arquivo?

A maioria dos ícones e logos encolhe de 40 a 60% com as configurações padrão, sem diferença visível na prévia.

Ferramentas relacionadas