SVGOMG.ru Руководство Стили и CSS в SVG

Удалить теги <style> (removeStyleElement)

Полностью удаляет блоки <style> после того, как все стили были успешно инлайнены или оказались неиспользуемыми.

Что делает плагин «Удалить теги <style>» в SVGO

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

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

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

После того как плагин inlineStyles успешно сгладил и перенёс все нужные вам правила.

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

Файлы SVG, которые напрямую зависят от внутренних CSS-селекторов или специфических правил типа @rules.

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

Включайте только убедившись, что стили либо перенесены на элементы, либо действительно не нужны.

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

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

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

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