Optimizador SVG
Minifique y optimice archivos SVG eliminando código innecesario
Deje caer un archivo SVG aquí o haga clic para seleccionar
Características del Optimizador SVG
Limpiar y minificar archivos SVG para una entrega web más rápida
Eliminar comentarios HTML y XML que son invisibles para el usuario pero añaden bytes innecesarios.
Remove Inkscape, Adobe Illustrator and other editor-specific metadata from SVG files.
Colapsar los espacios en blanco entre las etiquetas y eliminar los espacios innecesarios para reducir el tamaño del archivo.
Cómo optimizar un archivo SVG
SVG files created by design tools like Inkscape or Illustrator often contain editor-specific metadata, comments, and unused attributes. Our optimizer removes this excess data.
Preguntas Frecuentes
¿Por qué los archivos SVG son tan grandes desde las herramientas de diseño?
Design tools like Inkscape and Adobe Illustrator add editor-specific metadata to SVG files.
Esto incluye información de la versión del software, historial del documento y preferencias del editor.
Estos datos son útiles en el editor, pero añaden bytes innecesarios al servir SVGs en la web.
¿Es seguro eliminar los metadatos SVG?
Sí, la eliminación de metadatos es segura para fines de visualización en la web.
La salida visual del SVG permanecerá idéntica después de la optimización.
Keep a backup of the original if you need to re-edit in Inkscape or Illustrator later.
¿Cuál es la reducción de tamaño típica?
SVGs exported from Inkscape can often be reduced by 20-60%.
Los íconos simples pueden ver reducciones más pequeñas, mientras que las ilustraciones complejas con muchos metadatos ven más.
Combinar múltiples opciones de optimización produce los mejores resultados.
¿La optimización romperá mis animaciones SVG?
Nuestro optimizador solo elimina metadatos, comentarios y atributos vacíos, no el código de animación.
Las animaciones CSS y SMIL en el SVG se conservarán.
Prueba el SVG optimizado en tu navegador después de descargarlo para verificar que las animaciones funcionen.
¿Puedo optimizar íconos SVG para un proyecto de React o Vue?
Sí, los SVG optimizados son más pequeños y limpios para su uso en línea en frameworks de JavaScript.
Eliminar IDs generados automáticamente ayuda a prevenir conflictos de ID al usar múltiples SVGs en una página.
Para obtener los mejores resultados, combina esta herramienta con SVGR para la generación de componentes de React.
¿Esta herramienta soporta la optimización por lotes de SVG?
Actualmente, la herramienta procesa un SVG a la vez.
Después de descargar el archivo optimizado, haz clic en Restablecer para optimizar otro.
El soporte para la optimización por lotes está planeado para una futura actualización.
¿Esta herramienta funciona en móviles?
Sí, la herramienta es completamente responsiva y funciona en navegadores móviles.
Todo el procesamiento se realiza en el navegador, por lo que no se necesita carga.
Los archivos SVG grandes se procesan instantáneamente incluso en dispositivos móviles.
¿Mis datos SVG son privados?
Completamente privados. Tu archivo SVG nunca se envía a ningún servidor.
Toda la optimización se realiza localmente en tu navegador utilizando JavaScript.
Incluso puedes usar esta herramienta sin conexión una vez que la página se ha cargado.