Инлайнить стили (`inlineStyles`)

Переносит CSS-правила из блоков <style> напрямую на соответствующие элементы в виде презентационных атрибутов.

Что делает плагин «Инлайнить стили» в SVGO

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

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

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

Файлы SVG, использующие CSS на базе классов, которые вы хотите сгладить для лучшей переносимости кода.

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

Сложные селекторы, правила @media или стили, которые невозможно сопоставить с атрибутами 1:1.

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

Должен запускаться после mergeStyles; порядок имеет значение при многопроходности (multipass) в SVGO.

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

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

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

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

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

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