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

Минифицировать стили (minifyStyles)

Минифицирует CSS внутри элементов <style> (удаляет пробелы, избыточный синтаксис) перед инлайнингом или вместо него.

Что делает плагин «Минифицировать стили» в SVGO

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

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

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

Файлы SVG, в которых предпочтительно оставить внутренние таблицы стилей вместо инлайновых атрибутов.

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

Если вам необходимо оставить CSS читаемым в файле для последующей отладки.

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

Для достижения наилучшего результата используйте в паре с mergeStyles.

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

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

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

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