Visão geral / Imagens e gráficos / Otimizador de SVG
Imagens e gráficos 100% no navegador e offline

Otimizador de SVG

Reduza arquivos SVG removendo dados do editor, comentários e dígitos supérfluos. Compare antes e depois e copie ou baixe o resultado. Roda no navegador.

Solte ou escolha um arquivo; as configurações alteram o resultado na hora.

Seus arquivos e dados nunca saem do navegador – nada é enviado.

Dígitos mantidos nas coordenadas. 3 é seguro para ícones; 1 ou 2 deixa os arquivos menores, mas pode deslocar detalhes finos.

Desative o encurtamento de ids quando o SVG for usado inline e seus ids forem alvo do seu CSS ou de scripts. Mantenha o title se a imagem precisar ser lida por leitores de tela.

Compare as duas prévias antes de substituir um arquivo: elas devem parecer iguais. Seu SVG é processado nesta aba e nunca é enviado.

Por que os arquivos SVG carregam tantos dados extras

Os programas de desenho salvam mais que o desenho: namespaces do editor, nomes de camadas, comentários, elementos ocultos, caminhos escritos com dez casas decimais e ids como “Layer_1-copy-3”. Um navegador não precisa de nada disso. O otimizador por trás desta página analisa o arquivo, remove o que não tem efeito visível e reescreve o resto na forma mais curta, então ícones e ilustrações costumam encolher um terço ou mais sem nenhuma mudança na aparência.

Otimize um SVG em quatro passos

  1. Cole o código SVG na caixa da esquerda ou clique em Abrir arquivo SVG.
  2. Defina o número de casas decimais e marque as opções de que precisa.
  3. Compare as duas prévias e leia o tamanho economizado abaixo do resultado.
  4. Clique em Copiar ou baixe o novo arquivo como .min.svg.

O que cada opção faz

  • Casas decimais arredonda as coordenadas. Três dígitos são seguros para ícones; um ou dois servem para formas grandes e simples.
  • Várias passadas repete a limpeza até que não haja mais nada a economizar.
  • Encurtar ids renomeia os ids que são usados e descarta o resto. Desative para SVG inline cujos ids são estilizados ou controlados por scripts em outro lugar.
  • Remover width e height deixa a imagem escalar com o seu contêiner, desde que haja um viewBox.
  • Remover scripts apaga elementos script e atributos de evento, útil antes de incorporar um SVG de origem desconhecida.

Verificações antes de substituir o original

A otimização é segura para a maioria dos arquivos, mas um arredondamento agressivo pode mexer em linhas finíssimas, e ids removidos podem quebrar CSS ou animações que apontam para eles. É por isso que a página mostra o original e o resultado lado a lado. Guarde o arquivo original até ver o novo no lugar onde ele realmente será usado.

Nada é enviado

O otimizador é carregado uma vez e roda dentro desta aba. Sua arte nunca chega a um servidor, o que importa para logotipos ainda não lançados e trabalhos de clientes.

Perguntas frequentes (FAQ)

Com as opções padrão, a imagem deve parecer a mesma. Reduzir as casas decimais ou remover ids pode alterar detalhes, então confira a prévia antes de substituir um arquivo.