Оптимизация ваших файлов SVG

Минифицируйте и очищайте файлы SVG с помощью проверенного в бою механизма оптимизации SVGO — меньший размер файлов, более чистый код, идентичный рендеринг. Всё выполняется локально в вашем браузере.

Ключевые возможности

Значительно уменьшайте размер файла

Удаляет комментарии, XML-объявления, метаданные и редакторский мусор, а затем переписывает пути, цвета и атрибуты в наименьшую эквивалентную форму.

Быстрее загрузка страниц

Каждый килобайт имеет значение. Оптимизированный SVG загружается быстрее, потребляет меньше трафика и сохраняет отзывчивость ваших страниц и приложений на любом соединении.

Чистая, читаемая разметка

Удаляет пустые группы и контейнеры, схлопывает избыточную вложенность, убирает неиспользуемые пространства имён и определения и округляет длинные десятичные числа.

Идентичный рендеринг

Подобранный набор плагинов сохраняет рендеринг: viewBox, размеры, заголовки, описания, встроенные изображения и скрипты сохраняются — удаляются только избыточные байты.

Пакетная обработка + экспорт ZIP

Оптимизируйте до 10 файлов SVG одновременно, проверяйте сэкономленные байты и узлы для каждого, а затем скачивайте их по отдельности или одним ZIP-архивом.

100% конфиденциально, в браузере

SVGO работает полностью на вашем устройстве. Файлы никогда не загружаются — ничего не покидает ваш компьютер, без аккаунта, без водяных знаков, без ограничений.

Об оптимизации SVG

SVG — это текстовый формат, и, как любой текстовый формат, со временем он заполняется мусором: редакторскими метаданными, комментариями, избыточными атрибутами, пустыми группами и излишне точными десятичными числами. Оптимизатор SVG удаляет этот мусор, разбирая документ в дерево, применяя набор преобразований без потерь, которые схлопывают разметку в наименьшую эквивалентную форму, и заново сериализуя результат. Поскольку преобразования семантические, а не косметические, картинка рендерится точно так же; только файл становится легче, а разметка чище. Этот инструмент работает на основе SVGO — оптимизатора с открытым исходным кодом, используемого широким веб-сообществом, — и полностью в вашем браузере, поэтому ваши файлы никогда не покидают ваше устройство.

Как оптимизировать файл SVG

Три простых шага — без аккаунта, без загрузки, без установки.

1

Добавьте файлы SVG

Перетащите один или несколько файлов SVG в область загрузки или нажмите, чтобы выбрать. Вы можете обрабатывать до 10 файлов за раз.

2

Наблюдайте автоматическую оптимизацию

Каждый файл оптимизируется сразу. Список файлов показывает сэкономленные байты и узлы для каждого файла — и помечает файлы, которые уже минимальны.

3

Скачайте результаты

Скачайте каждый оптимизированный файл по отдельности или нажмите «Скачать всё», чтобы получить все результаты одним ZIP-архивом.

4

Используйте их где угодно

Замените исходные файлы оптимизированными версиями. Они рендерятся идентично при малой части размера.

Полезно знать

Оптимизация всегда сохраняет width/height и viewBox и никогда не удаляет растровые изображения, правила <style>, заголовки, описания или скрипты, поэтому файл рендерится точно как раньше. Файлы со множеством встроенных растровых изображений или тяжёлыми скриптами могут сжиматься меньше, чем чисто векторные иконки. Не-SVG файлы отклоняются с понятным сообщением. Вся обработка выполняется локально — ничего никогда не загружается.

Часто задаваемые вопросы