Central de Conhecimento e Guia
Limpeza de SVG Vetorial, Otimização de Traçados e Metadados
Limpeza de SVG Vetorial, Otimização de Traçados e Metadados
Esta ferramenta opera 100% do lado do cliente. Suas fotos, vídeos, arquivos de áudio e documentos PDF nunca são enviados a servidores externos, garantindo privacidade completa.
Fórmula e Método de Cálculo
Optimized SVG = Remove(Metadata) ➔ Minify(Whitespace) ➔ Round(Path Coordinates)
The single biggest byte saving in SVG optimization is rounding floating point coordinates. A coordinate like `M 10.4857239 20.1239578` can be rounded to `M 10.5 20.1` without visibly changing the shape on screen.
Melhores Práticas e Dicas
- Remove Invisible Elements: Designers often hide layers (e.g., `display: none`) rather than deleting them before exporting. The SVG optimizer strips these hidden layers, instantly reducing file bloat.
- Minify Path Data: A complex vector icon can have hundreds of path nodes. Stripping unnecessary spaces and commas from the `d=` attribute drastically reduces the final HTML DOM size.
- Use SVG Sprites for Icons: If you use the same SVG icon multiple times on a page, do not inline it 10 times. Optimize it once, place it in an SVG `<symbol>`, and reference it via `<use>` to save massive bandwidth.
Perguntas Frequentes
A otimização mudará a aparência do meu SVG?
Geralmente, não. No entanto, se você definir a 'Precisão de Coordenadas' muito baixa (por exemplo, arredondando para 0 casas decimais) em um ícone muito pequeno, os traçados podem se ajustar aos pontos da grade, fazendo com que o ícone pareça serrilhado ou distorcido.
Esta ferramenta remove o atributo viewBox?
Não. Remover o `viewBox` prejudica a capacidade do SVG de se dimensionar de forma responsiva em diferentes tamanhos de tela. O otimizador preserva rigorosamente atributos de dimensionamento críticos.
Por que meu SVG ainda é tão grande?
Se o seu SVG contiver uma imagem rasterizada incorporada (uma tag `<image href='data:image/jpeg...'>`), isso anula o propósito de usar gráficos vetoriais. Você deve vetorizar a imagem em traçados vetoriais no seu software de design primeiro.