Как пользоваться
- Выберите или перетащите SVG-файлы, можно несколько, или вставьте код SVG ниже. Нажмите «Загрузить пример», чтобы увидеть результат.
- Настройте число знаков после запятой и другие параметры. Результат обновляется сразу и показывает экономию размера.
- Скачайте каждый оптимизированный файл или нажмите «Скачать всё (ZIP)». Вставленный код можно скопировать.
Описание параметров
- Знаки после запятой
- Сколько знаков сохранять у координат и чисел; по умолчанию 3. Для значков обычно достаточно 1–2, а для подробных иллюстраций и карт оставьте 3 или больше.
- Несколько проходов
- Оптимизация повторяется, пока файл перестаёт уменьшаться. Обычно это сохраняет ещё несколько процентов, но занимает немного больше времени.
- Удалить width/height
- Оставляет только viewBox, чтобы SVG масштабировался по контейнеру; удобно при задании размера через CSS.
- Сохранить ID
- По умолчанию неиспользуемые ID удаляются, остальные сокращаются. Включите этот параметр, если внешний CSS, JavaScript или другие файлы обращаются к элементам по ID.
Пример
Исходный SVG из Inkscape размером 789 байт содержит XML-декларацию, комментарий, метаданные, атрибуты редактора и длинные десятичные числа. После оптимизации размер — 248 байт:
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><circle cx="60" cy="60" r="50" style="fill:#0f766e;fill-opacity:1;stroke:none"/><path d="m40 62 14 14 28-30-6-6-22 24-8-8Z" style="fill:#fff;stroke:none"/></svg>Часто задаваемые вопросы
Ухудшится ли изображение?
SVG — векторный формат. Оптимизация удаляет только содержимое, не влияющее на отрисовку, и округляет числа до выбранной точности. При значениях по умолчанию разницы не видно; если форма исказилась, увеличьте число знаков.
Насколько уменьшится файл?
Зависит от программы, которая его экспортировала. SVG из графических редакторов часто уменьшается на 30–70%; пример — с 789 до 248 байт. Уже оптимизированные файлы меняются мало.
Почему перестала работать анимация или скрипт?
Если стили или скрипты выбирают элементы по ID, включите «Сохранить ID».
Мои файлы загружаются?
Нет. SVGO работает в браузере, файлы читаются и обрабатываются локально.
Конфиденциальность
Этот инструмент работает полностью в браузере. Ваши файлы и текст обрабатываются на вашем устройстве и никогда не загружаются на наши серверы.