Optimizador SVG
Limpia markup vectorial antes de llevarlo a un componente, set de iconos o bundle estático.
Ajustes de optimización
Menos precisión puede reducir más el archivo, pero redondear demasiado puede deformar paths. 2 o 3 suele ser buen valor por defecto.
Cómo funciona la optimización SVG
Quita datos que no renderizan
Exportaciones de herramientas de diseño suelen incluir metadatos, comentarios, namespaces y markup invisible que suma bytes sin cambiar la imagen.
Reduce precisión de paths
Coordenadas como 10.5432109 muchas veces pueden redondearse a 10.54 sin diferencia visible, sobre todo en iconos pequeños.
Revisa antes de publicar
La optimización debe conservar viewBox, fills, strokes, ARIA labels e IDs importantes cuando afectan render, estilos, animación o accesibilidad.
Preguntas frecuentes
¿El SVG optimizado se verá borroso?
No. SVG es vectorial, así que la optimización recorta markup en lugar de rasterizar. El riesgo aparece si redondeas valores de path con demasiada agresividad.
¿Por qué a veces un SVG optimizado pesa más?
Si el archivo original ya estaba muy comprimido o optimizado a mano, puede quedar poco por quitar. En esos casos, la salida puede ser similar o algo mayor.
¿Soporta optimización por lotes?
Esta página está pensada para revisar y ajustar un archivo. Para lotes, usa una herramienta de build como SVGO en tu pipeline.
¿La optimización puede romper animaciones o estilos?
Sí, si quita IDs, clases, metadatos o precisión que tu CSS o JavaScript usa. Revisa la vista previa y conserva atributos importantes si el SVG es interactivo.
¿Los SVG decorativos necesitan labels de accesibilidad?
Los decorativos suelen ocultarse de tecnologías asistivas. Iconos e ilustraciones informativas deben conservar titles, labels o texto cercano significativo.