Инструмент загружает официальный браузерный движок SVGO только после нажатия кнопки Оптимизировать. Используется стандартный набор плагинов. Скрипты и обработчики событий удаляются для более безопасного применения в интернете, а ID можно сохранить, если на них ссылаются CSS, JavaScript, градиенты, маски или внешние ресурсы.
Оптимизировать SVG бесплатно
Работает прямо в браузере - без загрузки файлов и регистрации.
Скрипты и обработчики событий удаляются
Исходный SVG
Оптимизированный SVG
Ctrl или Command + Enter
Вставьте SVG-разметку или выберите файл
Что делает оптимизатор SVG?
Оптимизатор SVG уменьшает размер векторного файла: удаляет метаданные редактора, комментарии, лишние атрибуты и ненужные знаки после запятой. Вставьте разметку или выберите файл, чтобы запустить SVGO в браузере, сравните исходную и оптимизированную версии, затем скопируйте или скачайте компактный SVG без загрузки изображения на сервер.
Как пользоваться
- 1Добавьте SVG. Вставьте полную SVG-разметку, перетащите локальный файл .svg в область загрузки или откройте встроенный пример.
- 2Выберите безопасные настройки. Задайте точность чисел, оставьте многопроходную обработку включённой для лучшего сжатия и сохраните ID, если на них ссылается другой код.
- 3Оптимизируйте и сравните. Запустите SVGO, затем сравните размер в байтах и предпросмотр исходной и оптимизированной версий.
- 4Скопируйте или скачайте. Скопируйте компактную разметку или скачайте новый файл .optimized.svg. Исходное изображение останется без изменений.
Кому пригодится
- Frontend-разработчики, которым нужно уменьшить иконки, логотипы и иллюстрации перед добавлением на сайт или в библиотеку компонентов.
- Дизайнеры, которые очищают экспорт из Figma, Illustrator, Sketch или Inkscape от метаданных и служебной разметки редактора.
- Специалисты по производительности, измеряющие точную экономию байтов UTF-8 перед публикацией векторных ресурсов в веб-сборке.
- Авторы компонентов, подготавливающие компактную встроенную SVG-разметку для React, Vue, Svelte или обычного HTML.
Вопросы и ответы
Оптимизатор SVG бесплатный?
Да. SVG можно оптимизировать без аккаунта, оплаты и установки программ. Инструмент показывает точное изменение размера в байтах UTF-8 и позволяет скопировать или скачать результат прямо из браузера.
Мой SVG загружается на сервер?
Нет. Чтение файла, обработка через SVGO, подсчёт байтов и создание предпросмотра происходят локально в браузере. Логотипы, иконки и неопубликованные изображения никуда не отправляются.
SVG какого размера можно оптимизировать?
Инструмент принимает SVG-код размером до 5 МБ. Это ограничение сохраняет быструю обработку на телефонах и обычных ноутбуках. Если экспортированная иллюстрация слишком велика, удалите встроенные растровые изображения или разделите её на несколько файлов.
Изменится ли внешний вид SVG после оптимизации?
SVGO старается сохранить отображение и удалить только избыточные данные, но сильное округление чисел или очистка ID могут повлиять на сложный файл. Сравните оба предпросмотра и проверьте оптимизированный SVG в реальном месте встраивания, прежде чем заменять ресурс на рабочем сайте.
На что влияет точность десятичных чисел?
Настройка определяет, сколько знаков после запятой SVGO сохраняет в координатах, преобразованиях и других числах. Низкое значение обычно уменьшает размер сильнее, но может сместить мелкие детали на очень точных или крупных изображениях. Для большинства веб-иконок и иллюстраций подходят три знака.
Нужно ли сохранять ID в SVG?
Сохраняйте ID, если на них ссылаются CSS, JavaScript, атрибуты aria, градиенты, маски, фильтры или внешние документы. Для самостоятельного декоративного файла эту настройку можно отключить, чтобы SVGO удалил или сократил неиспользуемые идентификаторы.
Оптимизатор удаляет скрипты из SVG?
Да. Обработка удаляет элементы script, атрибуты обработчиков событий и ссылки JavaScript. Экспортированные файлы становятся безопаснее для обычного использования как веб-изображения, но инструмент не подходит для SVG-приложений, работа которых зависит от скриптов.
Что даёт многопроходная оптимизация?
В многопроходном режиме SVGO снова обрабатывает результат, пока очередной проход может его уменьшить. Некоторые преобразования открывают новые возможности очистки для следующего прохода. Дополнительная экономия обычно невелика, поскольку основное сжатие даёт первый проход.