Объединить стили (`mergeStyles`)

Объединяет несколько элементов <style> и комбинирует CSS-правила, где это возможно, перед инлайнингом или минификацией.

Что делает плагин «Объединить стили» в SVGO

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

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

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

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

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

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

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

Должен запускаться перед inlineStyles и minifyStyles.

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

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

Часть руководства: Стили и CSS в SVG

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

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

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