SVGOMG.ru Руководство Оптимизация контуров и геометрии

Объединить контуры (path) (mergePaths)

Объединяет контуры с одинаковым стилем в меньшее число элементов, сокращая размер DOM внутри структуры SVG.

Что делает плагин «Объединить контуры (path)» в SVGO

SVGO применяет mergePaths в рамках своей цепочки плагинов. На сайте SVGOMG.ru соответствующий переключатель называется Объединить контуры (path) (включен по умолчанию). Оптимизация выполняется полностью в вашем браузере — файлы не отправляются на сервер.

Используйте SVGOMG.ru с настройкой Показать оригинал, чтобы сравнить результат «до» и «после». Если итоговая графика выглядит некорректно, сначала отключите этот плагин, а затем поочередно включайте связанные инструменты очистки.

Когда включать

Плоские иконки и иллюстрации со множеством путей, оформленных в одном стиле.

Когда отключать

Когда отдельные контуры должны оставаться независимыми для управления через скрипты или выборочной стилизации.

С осторожностью

В редких пограничных случаях с перекрывающимися путями может изменить порядок их наложения друг на друга.

Как попробовать

  1. Откройте SVGOMG.ru и загрузите ваш SVG (файлом, вставкой кода или демо-примером).
  2. Найдите плагин Объединить контуры (path) на панели настроек (mergePaths).
  3. Переключите плагин и оцените результат в окне предпросмотра; скачайте файл, когда всё устроит.

Справочник по плагинам SVGO

Посмотрите весь Справочник по плагинам SVGO или изучите полное практическое руководство по оптимизации SVG.