SVG Optimizer — Оптимизатор SVG
Оптимизируйте SVG-файлы с помощью SVGO прямо в браузере. Сравнивайте превью до и после, проверяйте сэкономленные байты и скачивайте результат.
🔒 Работает полностью в вашем браузере — ничего не загружаетсяDrop an .svg file here or click to browse — or paste SVG markup below
Зачем оптимизировать SVG-файлы
SVG-файлы, экспортированные из дизайнерских программ вроде Illustrator, Figma, Sketch или Inkscape, содержат гораздо больше, чем видимые фигуры. Метаданные редактора, XML-комментарии, скрытые слои, значения атрибутов по умолчанию, неиспользуемые определения, лишние знаки после запятой и избыточные группы легко могут занимать половину файла. Этот инструмент запускает SVGO — тот же оптимизатор, что используется в большинстве конвейеров сборки и библиотек иконок, — чтобы убрать этот балласт. Лёгкие SVG быстрее загружаются, облегчают встроенные иконки в вашем HTML и помогают поддерживать порядок в репозиториях.
Стандартный пресет применяет десятки безопасных преобразований: удаляет XML-декларацию, комментарии, метаданные и пространства имён редакторов, приводит в порядок идентификаторы, сокращает записи цветов, объединяет контуры, превращает базовые фигуры в компактные контуры, когда так короче, и переписывает данные контуров с относительными командами и меньшим числом цифр. Multipass повторяет процесс, пока не перестанет находить экономию, что часто даёт ещё несколько процентов.
Как выбрать параметры
Precision (точность) определяет, сколько знаков после запятой сохраняется в числах; для иконок хватает 2–3, а детальным иллюстрациям или картам может понадобиться больше. Remove <title> экономит байты, но удаляет доступное имя, поэтому сохраняйте его для содержательной графики. Remove viewBox обычно лучше оставлять выключенным: именно viewBox позволяет SVG адаптивно масштабироваться. Remove width/height полезен, когда размер задаётся через CSS. Remove scripts & event handlers удаляет элементы <script>, атрибуты on* и ссылки javascript: — хорошая привычка для SVG из неизвестных источников. Pretty print добавляет отступы для удобства чтения ценой нескольких байтов.
Приватные, локальные и безопасные превью
Вся обработка происходит в вашем браузере; файлы никуда не загружаются. Оба превью отображаются через элемент изображения, загружающий локальный blob-URL, а браузеры никогда не выполняют скрипты внутри SVG, показанных таким способом. Всегда сравнивайте оба превью перед использованием результата: слишком агрессивная точность или удаление viewBox могут изменить отображение графики. Индикаторы размера показывают сэкономленные байты, чтобы вы могли найти баланс между размером файла и визуальной точностью.
Как использовать
- Добавьте SVGПеретащите файл .svg или вставьте SVG-разметку в поле ввода.
- Выберите параметрыНастройте multipass, точность и необязательное удаление, например title, viewBox или ширины и высоты.
- Оптимизируйте и сравнитеНажмите Optimize SVG и сравните превью и размеры оригинала и оптимизированной версии.
- СкачайтеСкопируйте разметку или скачайте оптимизированный файл .svg.