Optimizador SVG

SVG es un formato de imagen vectorial utilizado para iconos, logos e ilustraciones en sitios web, construido a partir de marcado XML en lugar de píxeles. Las herramientas de diseño como Figma, Illustrator e Inkscape suelen exportar archivos SVG llenos de metadatos del editor, grupos redundantes y atributos no utilizados que añaden peso sin cambiar el aspecto de la imagen. Un optimizador elimina ese desorden usando SVGO, un motor de optimización ampliamente utilizado, para que el archivo se descargue y renderice más rápido.

Desarrolladores web y diseñadores que exportan iconos o logos desde software de diseño, cualquiera que construya un conjunto de iconos para un sitio web, y desarrolladores que heredaron un proyecto lleno de archivos SVG pesados y quieren reducirlos antes de enviarlos a producción.

SVGO elimina metadatos y rutas redundantes mientras conserva el viewBox, para que el escalado siga funcionando correctamente. Los filtros complejos, gradientes o características SVG poco comunes merecen una revisión visual rápida después de optimizar, solo para confirmar que nada importante fue eliminado.

Sí, si el archivo se ha vuelto pesado por exportaciones repetidas. Omítelo si aún dependes de capas o IDs específicos del editor que editas activamente en la aplicación de diseño fuente, ya que la optimización puede eliminarlos.

No. La optimización se ejecuta localmente en tu navegador usando SVGO. Tu marcado nunca se envía a nuestros servidores.

Sí. Pega el código SVG directamente en el cuadro de texto y haz clic en Optimizar, o arrastra un archivo .svg para cargarlo y optimizarlo en un solo paso.

Depende de cómo se exportó el SVG. Los archivos de Illustrator o Figma con muchos metadatos del editor suelen reducirse significativamente, mientras que el SVG escrito a mano y ya limpio puede tener solo una pequeña reducción.