Centro de Conocimiento y Guía
Limpieza de SVG Vectorial, Optimización de Trazados y Nodos
Limpieza de SVG Vectorial, Optimización de Trazados y Nodos
Esta herramienta funciona 100% del lado del cliente en su navegador. Sus fotos, videos, grabaciones de audio y documentos PDF nunca se suben a ningún servidor, garantizando privacidad absoluta.
Fórmula y 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.
Mejores Prácticas y Consejos
- 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.
Preguntas Frecuentes
¿La optimización cambiará la apariencia de mi SVG?
Por lo general, no. Sin embargo, si configura la 'Precisión de coordenadas' demasiado baja (por ejemplo, redondeando a 0 decimales) en un icono muy pequeño, los trazados podrían ajustarse a puntos de la cuadrícula, haciendo que el icono se vea dentado o distorsionado.
¿Elimina esta herramienta el atributo viewBox?
No. Eliminar `viewBox` rompe la capacidad del SVG para escalarse de manera responsiva en diferentes tamaños de pantalla. El optimizador conserva estrictamente los atributos de escalado críticos.
¿Por qué mi SVG sigue siendo tan grande?
Si su SVG contiene una imagen ráster incrustada (una etiqueta `<image href='data:image/jpeg...'>`), anula el propósito de usar gráficos vectoriales. Primero debe vectorizar la imagen en trazados dentro de su software de diseño.