Файлы SVG часто становятся тяжелее из-за метаданных редактора, лишних знаков после запятой и сложных контуров. Этот чек-лист поможет уменьшить размер файла без заметных визуальных изменений.
1) Удалите структурный балласт
- Удалите метаданные, комментарии и специфичные для редактора пространства имён.
- Выровняйте избыточные группы и удалите неиспользуемые defs, маски и обрезки.
- Удалите скрытые слои, которые никогда не рендерятся в продакшене.
2) Настройте геометрию для размера
- Уменьшите точность пути до безопасного десятичного порога для вашего UI-масштаба.
- Объедините совместимые пути и упростите сложные кривые, где возможно.
- Используйте символы или спрайты для повторяющихся иконок, чтобы не дублировать один и тот же контент.
3) Проверьте в реальном контексте
- Тестируйте иконки на целевых фоновых цветах и диапазонах DPR.
- Сравните до/после на ключевых экранах, чтобы обнаружить тонкие визуальные регрессии.
- Отслеживайте экономию байтов и устанавливайте ограничения в CI.