Saltar para o conteúdo principal
LibraTool logoLibraTool

Otimizador e Minificador de SVG grátis

Remova metadados, reduza espaços em branco e arredonde decimais para diminuir drasticamente o tamanho de arquivos SVG — reduções típicas de 30 a 70%. A pré-visualização verifica que nada quebra.

Funciona offline depois de carregado

Solte um arquivo aqui ou clique para procurar

SVG · processado no seu dispositivo

ou pressione Ctrl+V para colar da área de transferência

Procurar arquivos
— ou cole o SVG abaixo —

Seus arquivos nunca saem do seu dispositivo. Todo o processamento acontece localmente no seu navegador.

Usos comuns

  • Otimizar Ícones SVG para ProduçãoRemova metadados desnecessários de SVGs de ícone antes de implementar — redução típica de 50-80%.
  • Otimizar SVGs de Logo de MarcaReduza o tamanho do arquivo de logotipo SVG para carregamento rápido do site sem sacrificar qualidade.
  • Otimizar Ilustrações e SVGs HeroPara ilustrações maiores (heróis, gráficos decorativos) a otimização pode economizar 30-70% do tamanho do arquivo.
  • Reduzir o Tamanho do Pacote JavaScriptQuando SVGs são importados como componentes React ou incorporados em código, otimizá-los reduz seu pacote JS.
  • Limpar Exportações de SVG Figma / SketchAs exportações SVG do Figma e Sketch incluem metadados extensos. Remova antes de usar na produção.

Como funciona

Esta ferramenta reduz o tamanho de arquivo SVG usando um otimizador escrito manualmente que funciona inteiramente no seu navegador — sem bibliotecas, sem servidor. Combina duas passagens: o DOMParser/XMLSerializer integrado do navegador para trabalho de precisão ao nível de atributos, e substituições regex direcionadas para remoção de comentários, remoção de metadados, e colapso de espaço em branco.

  1. 1
    O DOMParser sanitiza o SVG
    Antes de qualquer otimização, o DOMParser do navegador lê o SVG como XML e percorre cada elemento. Tags de script, manipuladores de eventos (qualquer atributo on*), elementos de animação, e referências de URL externas são removidos incondicionalmente — isto acontece independentemente das opções de otimização que escolher.
  2. 2
    Arredondamento decimal baseado em DOM
    Se o arredondamento decimal estiver ativado, o otimizador percorre o DOM analisado uma segunda vez e aplica arredondamento apenas a atributos numéricos conhecidos (dados d de caminho, coordenadas, valores de transform, larguras de traço, etc.), usando uma regex que corresponde números de vírgula flutuante individuais sem corromper valores de caminho concatenados como .5.5.
  3. 3
    As passagens regex limpam a marcação serializada
    O XMLSerializer produz XML normalizado, depois substituições de string direcionadas removem comentários HTML, metadados de editor Inkscape/Sodipodi, a declaração XML, atributos padrão redundantes (como version="1.1"), e espaço em branco entre tags — cada passagem com âmbito estreitamente definido para que o conteúdo de nó de texto nunca seja tocado.
  4. 4
    Tamanho Gzip e formatos de exportação
    A API CompressionStream do navegador calcula os tamanhos gzip reais tanto da entrada como da saída, já que isso é o que realmente determina o custo de transferência na web. O SVG otimizado pode ser baixado, copiado como SVG bruto, convertido para atributos camelCase prontos para React JSX, ou codificado como um URI de dados CSS — todas as conversões acontecem localmente.

O seu SVG é lido e processado inteiramente dentro da sua aba do navegador — os bytes do arquivo nunca saem do seu dispositivo.

Ferramentas relacionadas

Perguntas frequentes