// client-only — вставьте SVG для оптимизации скачать

— вставьте SVG для оптимизации

// о инструменте

SVG-файлы, экспортированные из Figma, Illustrator или Inkscape, часто содержат много лишнего: XML-декларации, DOCTYPE, метаданные редактора, пустые атрибуты, избыточные значения по умолчанию, длинные десятичные координаты и лишние пробелы. Инструмент применяет до восьми настраиваемых оптимизационных проходов полностью в браузере и показывает точное сокращение в байтах.

// когда использовать

Уменьшить размер SVG-иконок перед включением в бандл веб-приложения
Очистить SVG-экспорты из Figma или Illustrator перед коммитом в репозиторий
Удалить метаданные и комментарии из SVG, используемых в продакшен-CSS
Оценить влияние каждого отдельного прохода оптимизации на размер

// faq

Это то же самое, что SVGO?

Нет. SVGO — Node.js-инструмент с гораздо большим набором трансформаций: объединение путей, конвертация фигур, свёртка трансформаций. Этот инструмент выполняет более простые текстовые и атрибутные проходы, которые безопасны и обратимы. Для продакшен-пайплайнов рекомендуется SVGO или svgomg.

SVG будет корректно отображаться после оптимизации?

Да для стандартных проходов. Удаление комментариев, DOCTYPE, XML-деклараций, title/desc/metadata, пустых атрибутов и сжатие пробелов — всё визуально безопасно. Проход «округление чисел» (toPrecision 4) может вызвать субпиксельные различия на очень точных путях.

// похожие инструменты

// о инструменте

// когда использовать

// faq