Otimizador e editor SVG
Otimize, comprima e edite gráficos vetoriais SVG online. Remova metadados desnecessários do editor, arredonde coordenadas decimais e remodele visualmente os nós de ancoragem dos caminhos na tela com total privacidade local.
Por que usar nosso Otimizador e editor SVG?
- Otimização totalmente local: Seus arquivos vetoriais são processados inteiramente na memória do navegador. Nenhum dado é enviado a servidores remotos, dando privacidade absoluta ao otimizar ícones sensíveis, mockups de interface e ilustrações corporativas.
- Edição interativa de ancoragens: Ajuste designs vetoriais visualmente. Mude para o modo de edição para ver os nós vetoriais na tela e arraste as alças circulares para remodelar curvas e caminhos na hora, em tempo real.
- Controle de precisão decimal: Personalize o arredondamento de coordenadas de 0 a 4 casas decimais. Descartar detalhes de micro precisão desnecessários comprime a descrição textual do caminho e reduz bastante o tamanho do arquivo.
- Removedor inteligente de metadados: Elimine o excesso do editor sem esforço. O mecanismo remove recursivamente comentários XML, namespaces (como metadados do Sketch, Inkscape e Adobe Illustrator), invólucros de grupo inúteis e nós contêiner vazios.
Entendendo a estrutura SVG e o código XML vetorial
Os gráficos vetoriais escaláveis (SVG) são um formato de imagem vetorial baseado em XML para gráficos bidimensionais. Diferente das imagens raster (como JPEG ou PNG), que armazenam valores de cor para grades de pixels, os SVG contêm coordenadas, linhas, curvas e formas escritas em código estruturado. Essa configuração baseada em texto permite que os SVG sejam ampliados infinitamente sem perder qualidade. Como são arquivos de código, seu peso em bytes é determinado pelo comprimento das cadeias de coordenadas e das tags XML na hierarquia do DOM.
De onde vem o excesso de XML nos SVG?
Ao exportar uma ilustração vetorial de suítes profissionais como Adobe Illustrator, Inkscape ou Figma, o software insere muitas tags auxiliares de metadados. Esses cabeçalhos incluem configurações do editor, coordenadas da viewport, guias de conexão, namespaces personalizados e atributos de área de trabalho. Embora sejam úteis para editar naquele programa específico, os navegadores ignoram esses dados por completo. Remover esses namespaces e comentários deixa o arquivo apenas com as declarações geométricas puras.
Como a precisão decimal comprime vetores
O atributo de dados de caminho (d) contém comandos e números que dizem ao navegador onde desenhar as coordenadas. Muitas vezes os editores geram coordenadas com precisão decimal extrema, como 14.2839281. Essas frações microscópicas representam partes de um subpixel que o olho humano não distingue. Arredondar as coordenadas para 1 ou 2 decimais (por exemplo, 14.28) descarta esse ruído visual, reduz muito o comprimento da cadeia de texto e diminui o tamanho do SVG de 30% a 60%.
Perguntas frequentes
O Otimizador e editor SVG é uma ferramenta online grátis que permite comprimir imagens vetoriais SVG e editar seus nós de caminho. Ele funciona inteiramente no seu navegador: você pode remover o excesso do editor, arredondar coordenadas, arrastar nós de ancoragem e baixar os arquivos otimizados na hora.
A ferramenta analisa a árvore XML do SVG e remove namespaces do editor, tags de metadados, comentários e elementos vazios. Em seguida, extrai todas as coordenadas dos dados de caminho e as arredonda para a precisão decimal escolhida, reduzindo muito o tamanho do arquivo sem perder fidelidade do design.
Não. Para garantir privacidade absoluta, o Otimizador e editor SVG roda inteiramente no lado do cliente. Toda a análise XML, edição de caminhos, renderização visual e geração de arquivos acontece na memória do seu navegador. Seus arquivos nunca são enviados a servidores externos.
Nós de ancoragem são as coordenadas onde os comandos de caminho SVG (como linha para ou curva para) começam e terminam. Ao mudar para a área de edição, você pode selecionar qualquer caminho para ver esses nós e arrastar suas alças circulares para alterar a forma vetorial.
Números de coordenadas como 125.438291 contêm detalhe excessivo. Arredondá-los para 1 ou 2 decimais (por exemplo, 125.44) descarta valores microscópicos abaixo do pixel, comprime a representação textual das coordenadas e reduz o tamanho do SVG em até 50%.
Sim. Apesar de ser otimizada para polir arquivos existentes, a área de edição interativa permite remodelar caminhos, modificar nós de ancoragem e conferir as mudanças visuais em tempo real. É perfeita para ajustar curvas vetoriais, ícones e ilustrações.
Sim. Este utilitário é 100% grátis, sem cadastro, sem limites de uso e sem marca d'água. Você pode limpar, editar e comprimir um número ilimitado de arquivos vetoriais. Tudo funciona na hora e offline no seu navegador moderno.