Los archivos SVG suelen volverse pesados por los metadatos del editor, los decimales excesivos y los trazados complejos. Esta lista te ayuda a reducir el tamaño sin romper los visuales.
1) Elimina el exceso estructural
- Elimina metadatos, comentarios y namespaces específicos del editor.
- Aplana grupos redundantes y quita defs, máscaras y recortes sin usar.
- Borra capas ocultas que nunca se renderizan en producción.
2) Ajusta la geometría para ahorrar tamaño
- Reduce la precisión de los trazados a un umbral decimal seguro para tu escala de UI.
- Combina trazados compatibles y simplifica curvas complejas cuando sea posible.
- Usa símbolos/sprites para iconos repetidos y evita peso duplicado.
3) Valida en contexto real
- Prueba los iconos sobre los colores de fondo objetivo y rangos de DPR.
- Compara antes/después en pantallas clave para detectar regresiones visuales sutiles.
- Registra el ahorro de bytes obtenido y aplica límites en CI.