Удалить атрибут viewBox (`removeViewBox`)

Вырезает атрибут viewBox, оставляя размеры заданными только через width и height. Это экономит байты, но ломает адаптивное масштабирование, если в CSS задано только одно измерение. Этот плагин — самая частая причина поломки адаптивности SVG; подробности читайте в Преобразования, которые могут сломать SVG.

Что делает плагин «Удалить атрибут viewBox» в SVGO

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

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

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

Иконки и элементы фиксированного размера, которые никогда не должны масштабироваться (фавиконки, пиксель-перфект спрайты).

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

Адаптивные SVG, логотипы в резиновой вёрстке или любые элементы, использующие CSS max-width с опорой на пропорции viewBox.

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

После удаления графика может отображаться в неправильном размере или неожиданно обрезаться браузерами.

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

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

Часть руководства: Преобразования, которые могут сломать SVG

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

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

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