Esta herramienta carga el motor oficial de SVGO para navegador solo cuando pulsas Optimizar. Usa la configuración estándar de plugins, elimina scripts y controladores de eventos para un uso web más seguro y permite conservar los ID si el CSS, JavaScript, los degradados, las máscaras o las referencias externas dependen de ellos.
Optimizar SVG gratis
Funciona del todo en tu navegador: sin subir nada y sin registro.
Se eliminan scripts y controladores de eventos
SVG original
SVG optimizado
Ctrl o Command + Enter
Pega código SVG o elige un archivo para empezar
¿Cómo ayuda un optimizador SVG?
Un optimizador SVG reduce el tamaño de los archivos vectoriales al eliminar metadatos del editor, comentarios, atributos redundantes y decimales innecesarios. Pega el código o elige un archivo para ejecutar SVGO en el navegador, compara las versiones original y optimizada y descarga el SVG más ligero sin subir tu diseño a ningún servidor.
Cómo se usa
- 1Añade el SVG. Pega el código SVG completo, arrastra un archivo .svg local al área de carga o abre el ejemplo incluido.
- 2Elige ajustes seguros. Define la precisión numérica, deja activado el procesamiento multipaso para reducir más y conserva los ID si otro código los utiliza.
- 3Optimiza y compara. Ejecuta SVGO y revisa los bytes de la versión original y optimizada junto con ambas previsualizaciones.
- 4Copia o descarga. Copia el código compacto o descarga un nuevo archivo .optimized.svg sin modificar el diseño original.
Para quién es
- Desarrolladores frontend que reducen iconos, logotipos e ilustraciones antes de añadirlos a una web o biblioteca de componentes.
- Diseñadores que limpian metadatos y código propio del editor en exportaciones de Figma, Illustrator, Sketch o Inkscape.
- Equipos de rendimiento que miden el ahorro exacto de bytes UTF-8 antes de publicar recursos vectoriales en un paquete web.
- Autores de componentes que preparan código SVG compacto para insertarlo en React, Vue, Svelte o HTML.
Preguntas frecuentes
¿Este optimizador SVG es gratis?
Sí. Puedes optimizar archivos SVG sin cuenta, pago ni instalación. La herramienta muestra el cambio exacto de bytes UTF-8 y permite copiar o descargar el resultado desde el navegador.
¿Mi SVG se sube a un servidor?
No. La lectura del archivo, el procesamiento con SVGO, el cálculo de bytes y las previsualizaciones se realizan en tu navegador. La herramienta no sube logotipos, iconos ni diseños sin publicar.
¿Qué tamaño máximo puede tener el SVG?
Se admite código SVG de hasta 5 MB. Este límite mantiene una respuesta fluida en móviles y portátiles habituales. Si una ilustración exportada es muy grande, elimina primero las imágenes rasterizadas incrustadas o divídela en varios recursos.
¿La optimización puede cambiar el aspecto del SVG?
SVGO intenta conservar el renderizado mientras quita datos redundantes, pero un redondeo numérico agresivo o la limpieza de ID puede afectar a archivos complejos. Compara las dos previsualizaciones y prueba el SVG optimizado en su contexto real antes de sustituir un recurso en producción.
¿Qué cambia la precisión decimal?
La precisión decimal determina cuántos decimales conserva SVGO en coordenadas, transformaciones y otros valores numéricos. Un valor bajo suele ahorrar más bytes, aunque puede desplazar detalles en ilustraciones grandes o muy precisas. Tres decimales funcionan bien para la mayoría de iconos y gráficos web.
¿Conviene conservar los ID del SVG?
Conserva los ID si los usan CSS, JavaScript, atributos aria, degradados, máscaras, filtros o documentos externos. Puedes desactivar esta opción en archivos decorativos independientes para que SVGO elimine o acorte identificadores sin uso.
¿El optimizador elimina scripts de los SVG?
Sí. El proceso elimina elementos script, atributos de controladores de eventos y enlaces JavaScript. Así los archivos exportados son más seguros como imágenes web normales, pero la herramienta no sirve para aplicaciones SVG cuyo funcionamiento dependa de scripts.
¿Para qué sirve la optimización multipaso?
El modo multipaso permite que SVGO procese de nuevo el resultado mientras cada pasada siga reduciéndolo. Algunas transformaciones abren nuevas oportunidades de limpieza para la siguiente pasada. La mejora suele ser pequeña porque la primera produce la mayor parte del ahorro.