Los SVG suelen crecer por metadatos del editor, decimales excesivos y paths complejos. Este checklist ayuda a reducir tamaño sin degradar el resultado.
1) Elimina bloat estructural
- Quita metadatos, comentarios y namespaces específicos del editor.
- Aplana grupos redundantes y elimina defs, masks y clips no usados.
- Borra capas ocultas que nunca se renderizan en producción.
2) Ajusta la geometría para reducir tamaño
- Reduce precisión de paths a un umbral seguro para tu escala de UI.
- Fusiona paths compatibles y simplifica curvas complejas cuando sea posible.
- Usa símbolos/sprites para iconos repetidos y evita payload duplicado.
3) Valida en contexto real
- Prueba iconos con colores de fondo y rangos de DPR objetivo.
- Compara antes/después en pantallas clave para detectar regresiones sutiles.
- Mide ahorro en bytes y aplica límites en CI.