Оптимизатор SVG

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

Этот инструмент запускает svgo — тот же движок оптимизации, что лежит в основе SVGOMG, — целиком внутри вашего браузера. Вставьте разметку SVG или перетащите файл, и он уберёт комментарии и мусор редактора, объединит пути там, где это возможно, схлопнет лишние группы и округлит координаты до нужной вам точности — и всё это без единого обращения к серверу. Загружать файл никуда не нужно, поэтому инструмент одинаково хорошо подходит и для публичной иконки, и для приватного логотипа клиента.

Настройки по умолчанию намеренно консервативны: они сохраняют viewBox (чтобы иконка по-прежнему корректно масштабировалась, где бы она ни использовалась) и оставляют width/height нетронутыми. Опция «Удалить width/height» пригодится, если вы встраиваете SVG инлайново и задаёте размер через CSS — фиксированные размеры на корневом элементе в этом случае могут конфликтовать со стилями. Многопроходная оптимизация запускает оптимизатор несколько раз подряд, находя дополнительную экономию, которая проявляется только после того, как первый проход уже упростил разметку — держать её включённой почти никогда не вредно.

Точность определяет, сколько знаков после запятой сохраняется в координатах путей: чем она ниже, тем меньше получится файл, но на очень детализированной графике это может привести к едва заметным визуальным искажениям — после изменения точности стоит свериться с предпросмотром. Для большинства иконок и логотипов одни только настройки по умолчанию обычно уменьшают размер файла на 40–60% без каких-либо видимых отличий — используйте предпросмотр и счётчик размера «до/после», чтобы убедиться в этом перед скачиванием.