Optimize up to 50 SVG files at once and download as a ZIP.
Arrastra archivos aquí o haz clic para explorar
Hasta 50 archivos, máx 50MB cada uno
| Plugin | Qué hace |
|---|---|
| removeComments | Removes XML and SVG comments |
| removeMetadata | Removes <metadata> blocks added by design tools |
| cleanupAttrs | Cleans up attribute formatting and whitespace |
| minifyStyles | Minifies inline CSS style attributes |
| cleanupIds | Removes unused IDs and shortens referenced ones |
| convertColors | Converts colors to shorter hex notation |
| convertPathData | Optimises path data commands and coordinates |
| mergePaths | Merges adjacent paths with identical styles |
| collapseGroups | Collapses unnecessary group elements |
| removeUselessDefs | Removes <defs> with no referenced elements |
La optimización SVG elimina contenido innecesario: metadatos del editor, comentarios, elementos ocultos, valores de atributos por defecto y espacios blancos redundantes. También fusiona trazados, convierte formas a equivalentes más cortos y redondea coordenadas decimales. El resultado es un SVG más pequeño y limpio que se renderiza de manera idéntica.
El ahorro varía mucho según cómo se creó el SVG. Exportado desde Illustrator o Inkscape: reducción del 50-80%. SVG optimizados a mano: 10-30%. SVG de herramientas como Figma ya son bastante limpios: 20-50%. Esta herramienta te muestra el ahorro exacto en bytes.
Con la configuración predeterminada, la optimización no tiene pérdidas — el SVG optimizado se renderiza de manera idéntica al original. Las opciones agresivas como eliminar viewBox o fusionar estilos podrían afectar el escalado o los estilos externos. Esta herramienta usa presets SVGO seguros por defecto.
Sí. Un SVG inline optimizado se puede pegar directamente en HTML. Para etiquetas img o fondos CSS, guárdalo como archivo .svg. Para iconos muy pequeños, considera convertirlo a URI de datos (por ejemplo, url("data:image/svg+xml,...")) para eliminar peticiones HTTP.