Конвертировать стили в атрибуты (`convertStyleToAttrs`)

Конвертирует простые CSS-декларации на элементах в соответствующие презентационные атрибуты SVG.

Что делает плагин «Конвертировать стили в атрибуты» в SVGO

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

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

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

Плоские иконки, где стили чисто проецируются на атрибуты fill, stroke и opacity.

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

Сложный CSS (псевдоклассы, дочерние селекторы), который невозможно превратить в атрибуты элементов.

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

По умолчанию отключен; включайте только после проверки визуального соответствия оригиналу.

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

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

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

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

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

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