Cómo reducir el tamaño de un SVG sin perder calidad visual
Reduce un SVG eliminando metadatos, comentarios, atributos redundantes y precisión excesiva, pero conserva viewBox, accesibilidad y apariencia.
Respuesta rápida
Para reducir un SVG sin perder calidad visible, elimina metadatos del editor, comentarios, elementos ocultos, atributos redundantes y decimales innecesarios. Conserva viewBox, accesibilidad y geometría visible. Usa el optimizador SVG y compara el resultado con el original.
Qué se puede eliminar
| Contenido | Acción | Riesgo |
|---|---|---|
| Metadatos y comentarios | Eliminar | Bajo |
| Atributos repetidos | Consolidar | Bajo |
| Precisión decimal excesiva | Redondear con cuidado | Medio |
| Definiciones sin uso | Eliminar tras revisar | Medio |
| viewBox y títulos | Conservar | Alto si se quitan |
El proyecto oficial SVGO explica que los editores suelen exportar información redundante. Sus reglas actuales conservan viewBox y title para proteger escalabilidad y accesibilidad.
Flujo seguro
- Guarda el SVG original.
- Optimiza una copia con el optimizador SVG.
- Compara ambos a tamaño pequeño y ampliado.
- Revisa degradados, máscaras, recortes, símbolos, IDs, texto y colores CSS.
- Abre el resultado en su destino real.
- Usa el comprobador SVG antes de publicar.
El tamaño mínimo no es el único objetivo. Un archivo algo mayor, accesible y compatible es mejor que uno pequeño pero roto.
Cuándo merece la pena optimizar
Los iconos, logotipos e ilustraciones usados en muchas páginas multiplican cualquier ahorro. Los sistemas de diseño también se benefician de IDs consistentes y menos código redundante. Para un único archivo maestro, la edición fiable suele importar más que ahorrar los últimos kilobytes.
Preguntas frecuentes
¿Comprimir SVG produce desenfoque?
Eliminar código no reduce la resolución vectorial. Un redondeo agresivo sí puede cambiar detalles pequeños.
¿Debo eliminar viewBox?
Normalmente no. Permite escalar correctamente en diseños adaptables y editores.
¿Puedo optimizar dos veces?
Sí, pero repetir ajustes agresivos aporta poco y puede modificar formas. Conserva el archivo maestro.