Заменить width/height на viewBox (`removeDimensions`)

Удаляет атрибуты width/height, если в файле присутствует viewBox, делегируя управление размерами стилям CSS.

Что делает плагин «Заменить width/height на viewBox» в SVGO

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

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

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

Адаптивные иконки и иллюстрации, масштабируемые с помощью CSS.

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

Элементы, которым необходимы жесткие пиксельные размеры без участия CSS.

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

Используйте только при наличии валидного viewBox; в противном случае естественный размер элемента может схлопнуться.

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

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

Часть руководства: Адаптивный размер SVG

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

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

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