Входные данные
Подготовка рабочей области…
Как пользоваться
- Вставьте SVG или откройте SVG-файл UTF-8.
- Запустите оптимизацию SVG и сравните предпросмотр и размеры.
- Скачайте SVG или раскройте «Результат» для просмотра и копирования разметки.
Оптимизация векторной разметки
Помимо видимых фигур SVG может содержать метаданные редактора и избыточные команды рисования. Оптимизация переписывает разметку, сокращая лишние байты.
SVGO использует точность координат до трёх знаков и сохраняет viewBox и ID. Храните источник для сравнения результата в конечном контексте.
Что может измениться
Оптимизация удаляет метаданные и упрощает команды. Округление координат до трёх знаков может слегка изменить геометрию, особенно при малом размере или большом масштабе.
viewBox нужен для адаптивных размеров, а ID могут использоваться фигурами, стилями и окружающим кодом. Эта конфигурация не сокращает и не удаляет их.
<svg viewBox="0 0 10 10"><metadata>demo</metadata><path d="M0 0 L10 10"/></svg><svg viewBox="0 0 10 10"><path d="m0 0 10 10"/></svg>Сокращённое сравнение показывает удаление метаданных и компактный path. Скачанный результат также содержит пространство имён SVG.
Предпросмотр и встраивание
Результат показывается как отдельное изображение, а не активная разметка страницы. Поведение может отличаться от inline SVG в приложении.
Оптимизация не является очисткой. Проверяйте недоверенный SVG перед inline-встраиванием и тестируйте стили, ссылки и поведение, зависящие от документа.
Просмотр и сохранение
«Скачать» сохраняет optimized.svg. Раскройте «Результат» для просмотра исходника и кнопки «Копировать»; меньший размер сам по себе не доказывает визуальное совпадение.
Статичные PNG, JPEG и WebP: 20 MiB, 24 мегапикселя и 8 192 пикселя по стороне. Base64: 2 MiB. SVG: 1 MiB. Проверка файлов: 1 GiB, читаются только первые 256 байтов. Поддержка кодеков зависит от браузера. Файлы не загружаются на сервер.
Частые вопросы
Безопасно ли встраивать результат inline?
Оптимизация не очищает исходник. Проверьте недоверенные элементы, атрибуты, URL и стили перед встраиванием.
Сохраняются ли viewBox и ID?
Да. Другая разметка может измениться, поэтому проверьте ссылки и стили в целевом документе.
Может ли измениться изображение?
Округление координат и изменение структуры могут влиять на отображение. Сравните предпросмотр и проверьте файл в месте использования.
Почему предпросмотр отличается от страницы?
Изолированное изображение не использует CSS страницы и поведение inline SVG. Внешний контекст и ссылки уровня документа могут быть важны.
Где кнопка копирования?
После оптимизации раскройте «Результат» под предпросмотром. Там исходник SVG и кнопка «Копировать»; скачивание SVG доступно над предпросмотром.