Оптимизация SVG (очистка и уменьшение файлов SVG)
Вставьте или загрузите SVG, чтобы удалить метаданные, комментарии и данные редактора, округлить дроби и уменьшить файл, со сравнением размера и предпросмотром до и после. Скрипты и внешние ссылки удаляются
Загрузка инструмента…
SVG, экспортированный из Inkscape или Illustrator, содержит данные редактора, комментарии и координаты с множеством знаков после запятой, поэтому файл больше, чем нужно рисунку. Вставьте код или перетащите файл, чтобы убрать этот мусор, увидеть сэкономленные байты и сравнить рисунок до и после.
Как пользоваться
- Вставьте код в поле «Код SVG» или перетащите файлы .svg в область под ним.
- Выберите, что удалять, в разделе «Параметры». Настройки по умолчанию не меняют рисунок; «Удалить title и desc» и «Удалить id, на которые ничего не ссылается» выключены, пока они вам не понадобятся.
- Уменьшите «Знаков после запятой», чтобы укоротить координаты; для иконок достаточно одного-двух знаков.
- Убедитесь, что «Предпросмотр до» и «Предпросмотр после» совпадают, затем нажмите «Копировать» или «Сохранить SVG». Для нескольких файлов «Сохранить все в ZIP» скачает их вместе.
Как это работает
- Скрипты, атрибуты событий, начинающиеся с on, foreignObject и ссылки на http-адреса или другие файлы удаляются всегда, а их количество показано над результатом.
- Данные редактора — это атрибуты и элементы с префиксами вроде inkscape: или sodipodi: и неиспользуемые объявления пространств имён. Удаление значений по умолчанию касается только атрибутов вроде fill-opacity="1", без которых рисунок остаётся тем же.
- Очистка чисел округляет значения path, viewBox, points, transform и координат до выбранного числа знаков; координаты не преобразуются, фигуры не объединяются. Всё выполняется в браузере, и файлы никуда не отправляются.
Частые вопросы
- Почему SVG намного больше, чем выглядит рисунок?
- Редакторы сохраняют уровень масштаба, имена слоёв, метаданные и координаты с шестью-восемью знаками после запятой. В простой иконке это часто больше половины файла, поэтому очистка обычно экономит от 40 до 70 процентов.
- Может ли рисунок измениться после очистки?
- Параметры по умолчанию удаляют только то, что не влияет на отрисовку. Округление до 0 или 1 знака может сдвинуть линии в очень мелких рисунках, поэтому сравните два предпросмотра.
- Почему title и desc сохраняются по умолчанию?
- Программы экранного доступа читают их, чтобы описать изображение. Для чисто декоративного SVG можно включить «Удалить title и desc».
- Результат такой же, как у SVGO?
- Нет. Инструмент выполняет только безопасные очистки, такие как удаление метаданных и округление, без объединения путей, зато не требует установки, а результат можно проверить глазами.