Imágenes
Optimizador de SVG
SVG más ligeros con un renderizado idéntico al píxel, en un clic.
Ahorro
Los SVG exportados desde Illustrator, Figma o Inkscape arrastran una cantidad sorprendente de lastre: metadatos del editor, comentarios, capas ocultas, identificadores generados, coordenadas con ocho decimales. Esta herramienta los limpia con SVGO, el estándar del sector, directamente en tu navegador. Pega tu código SVG o arrastra el archivo: la versión optimizada aparece al instante, con el peso antes y después y el porcentaje ahorrado — a menudo entre un 30 y un 70 % en un export sin tratar. El resultado visual es estrictamente idéntico. Copia el código o descárgalo, listo para tu web, tu aplicación o tu sistema de iconos. Ningún archivo se sube a ningún servidor.
¿Cómo funciona?
- Pega tu código SVG o arrastra el archivo.
- Haz clic en «Optimizar»: el código limpio aparece al instante.
- Compara el peso antes y después y el porcentaje de ahorro.
- Copia el SVG optimizado o descárgalo.
Preguntas frecuentes
¿Qué se elimina exactamente?
Metadatos del editor, comentarios, definiciones sin usar, atributos por defecto y espacios sobrantes; los valores numéricos se redondean con criterio y los trazados se fusionan cuando es posible. Todo lo que no afecta al renderizado.
¿Puede cambiar el renderizado tras optimizar?
Con los ajustes por defecto que se usan aquí, no: las transformaciones aplicadas preservan el renderizado. Aun así, revisa los SVG animados o estilizados por CSS externo que apunte a identificadores concretos, porque los id sin uso se limpian.
¿Por qué optimizar los SVG de un sitio web?
Un logo o un juego de iconos se carga en todas las páginas, así que cada kilobyte cuenta — sobre todo si el SVG va incrustado en el HTML. Un SVG limpio también reduce el DOM y acelera el renderizado inicial.