Sem upload, 100% local, sem conta

Otimizador de SVG

Cole ou solte um SVG e reduza-o com SVGO. Tudo fica no seu navegador.

Como o Otimizador de SVG funciona

O Otimizador SVG executa o SVGO (SVG Optimizer) em um Web Worker dentro do seu navegador para minificar e limpar seus arquivos SVG sem enviá-los. O SVGO aplica um conjunto configurável de plugins que removem comentários, reduzem espaços em branco, mesclam caminhos idênticos, convertem formas para sua representação mais compacta e removem atributos sem efeito visual. O resultado é um SVG menor que renderiza de forma idêntica ao original.

Arquivos SVG produzidos por ferramentas de design como Figma, Illustrator ou Inkscape geralmente contêm sobrecarga significativa: metadados específicos do editor, grupos vazios, atributos de transformação redundantes e declarações de namespace que nenhum navegador precisa. O conjunto padrão de plugins do SVGO remove essa sobrecarga de forma confiável. O arquivo otimizado é oferecido como download e a redução percentual de tamanho é mostrada para que você possa confirmar se a otimização valeu a pena.

Escrito por Bastien Sulyan

Como usar o Otimizador de SVG, passo a passo

  1. Arraste seu arquivo SVG para a área de upload ou clique para navegar.
  2. O Web Worker SVGO executa a otimização imediatamente com o conjunto padrão de plugins.
  3. Veja a redução percentual e os tamanhos dos arquivos originais versus otimizados.
  4. Clique em Baixar para salvar o SVG otimizado no seu dispositivo.
  5. Se plugins específicos causarem problemas de renderização, ajuste a configuração dos plugins e re-otimize.

Casos de uso comuns

  • Um desenvolvedor front-end otimiza ícones exportados do Figma antes de confirmá-los em um pipeline de ativos de produção, reduzindo cada ícone de 4 KB para menos de 1 KB.
  • Um web designer limpa ilustrações SVG exportadas do Illustrator que contêm camadas de metadados do editor invisíveis no navegador, mas que aumentam o tamanho do arquivo.
  • Um desenvolvedor que constrói uma fonte de ícones a partir de glifos SVG garante que cada SVG de origem seja limpo e estruturado de forma consistente antes da etapa de construção da fonte.
  • Um engenheiro de desempenho audita SVG inline em HTML e substitui cada original inflado por uma versão otimizada pelo SVGO para melhorar o peso da página.

Perguntas frequentes

O SVGO mudará a aparência do meu SVG?

Os plugins padrão do SVGO são escolhidos para ser visualmente sem perdas: o SVG otimizado renderiza de forma idêntica ao original em todos os navegadores padrão. Alguns plugins agressivos (como os que arredondam coordenadas de caminho de forma muito intensa) podem introduzir diferenças sutis de renderização. Se você notar uma mudança visual, compare os arquivos original e otimizado em um navegador e desative o plugin específico que está causando o problema.

O arquivo SVG é enviado para um servidor para otimização?

Não. O SVGO é executado em um Web Worker dentro da aba do navegador. O texto SVG é lido do seu disco local, processado na memória JavaScript e a saída é retornada à página para download. O conteúdo do arquivo não sai do seu dispositivo.

Quanto menor meu SVG ficará?

A redução depende da origem. SVGs exportados de ferramentas de design com metadados do editor comumente encolhem 30 a 70 por cento. SVGs escritos à mão que já são enxutos podem ver apenas 5 a 15 por cento de redução. A ferramenta mostra as contagens exatas de bytes e a porcentagem para que você possa avaliar cada arquivo individualmente.

A otimização afeta animações SVG ou JavaScript dentro do arquivo?

A configuração preserva elementos de animação e atributos SMIL. Ela remove os elementos script: a ferramenta adiciona o plugin removeScripts sobre o preset padrão do SVGO, porque um SVG que você está prestes a incorporar não deveria carregar código executável. Alguns plugins que limpam atributos podem interagir com animações se a animação referenciar esses atributos por ID; verifique a saída renderizada após otimizar arquivos que usam animações complexas.

Posso otimizar vários arquivos SVG de uma vez?

A versão atual processa um arquivo SVG por vez. Arraste um arquivo, baixe o resultado, depois arraste o próximo arquivo. O processamento em lote de vários arquivos em uma única sessão não está disponível nesta versão.

Qual versão do SVGO a ferramenta usa?

A ferramenta inclui o SVGO executando em um Web Worker. A versão incluída está indicada nas informações da ferramenta. O SVGO é mantido ativamente e a API de plugins mudou significativamente entre v1, v2 e v3; a ferramenta atual usa o formato de plugin v3.

Ferramentas relacionadas

Mantenha tudo local, explore ferramentas complementares.

Todas as ferramentas de imagem