Сортировать вложенные элементы в <defs> (`sortDefsChildren`)

Сортирует дочерние элементы внутри тега <defs> для обеспечения стабильного вывода кода и лучшего сжатия.

Что делает плагин «Сортировать вложенные элементы в <defs>» в SVGO

SVGO применяет sortDefsChildren в рамках своей цепочки плагинов. На сайте SVGOMG.ru соответствующий переключатель называется Сортировать вложенные элементы в <defs> (включен по умолчанию). Оптимизация выполняется полностью в вашем браузере — файлы не отправляются на сервер.

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

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

Файлы SVG с большими библиотеками символов или спрайт-листами.

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

Когда порядок элементов в defs важен исключительно для удобства ручного редактирования человеком.

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

Не меняет отображение графики.

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

Откройте SVGOMG.ru и загрузите ваш SVG (файлом, вставкой кода или демо-примером).
Найдите плагин Сортировать вложенные элементы в <defs> на панели настроек (sortDefsChildren).
Переключите плагин и оцените результат в окне предпросмотра; скачайте файл, когда всё устроит.

Часть руководства: ID, блоки defs и ссылки

Действие этого плагина подробно рассматривается в тематическом руководстве ID, блоки defs и ссылки вместе со всеми связанными инструментами оптимизации.

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

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