Инструменты SVG
Запуск вручную. Ctrl/Cmd+Enter готовит оптимизацию. Изменение исходника или параметров делает старый результат недействительным.
Содержимое SVG обрабатывается только в этом браузере.
Результат устарел. Подготовьте новый вариант.
Этот оптимизатор SVG помогает проверить экспорт из графического редактора перед использованием в проекте. Размер в байтах, исходный рисунок и предложенный вариант доступны для сравнения; исходник заменяется только после вашего подтверждения.
Сжатие SVG здесь означает очистку и уплотнение исходного кода. Минификация SVG убирает лишнее форматирование, а форматирование с отступом в два пробела делает код удобнее для чтения. Оптимизировать SVG с округлением координат можно отдельными настройками.
Уменьшая файл, важно сохранить нужные формы и ссылки.
Наш оптимизатор SVG сохраняет ID, viewBox, title и desc. Округление чисел и преобразование контуров изначально выключены. Если включить их, внимательно проверьте тонкие линии, углы и небольшие изгибы: округление может изменить геометрию.
Список контуров показывает данные d элементов path. При экспорте PNG вы задаёте ширину в пикселях, а высота рассчитывается пропорционально. Прозрачные области сохраняются, поэтому фон не заменяется белым прямоугольником.
Комментарии и метаданные удаляются по умолчанию. Округление чисел и оптимизация контуров выключены; для включённых преобразований исходная точность составляет три знака после запятой.
В предложении показаны байты до и после, удалённые узлы и изменённые атрибуты. Это не полный список различий: отступы или запись контура могут измениться без удаления узлов.
После правки исходника или параметров запустите обработку заново. Применение заменяет код; отмена восстанавливает вместе прежний ввод и вывод.
Используется явный набор операций SVGO. Удаление комментариев и метаданных настраивается отдельно от чисел и контуров; агрессивный набор всех преобразований не включается автоматически.
Проверенные исходник и предложение выводятся как изолированные изображения. Сравнение помогает заметить сдвиг линии, но не заменяет проверку в странице или приложении, где будет использован файл.
В отдельном представлении доступны значения d и число элементов path. Можно найти нужную геометрию в коде, но перетаскивать опорные точки или рисовать кривые здесь нельзя.
Подтверждённый актуальный SVG можно скопировать или скачать. PNG с прозрачным фоном подходит для случаев, когда требуется фиксированная ширина в пикселях вместо масштабируемого вектора.
Выберите удаление комментариев и метаданных и подготовьте предложение. При необходимости включите округление и контуры. Этот оптимизатор SVG покажет изменение размера; сравните рисунки и только затем применяйте результат.
Да, при округлении чисел или преобразовании контуров возможны изменения геометрии. Эти опции изначально выключены. Даже после визуального сравнения стоит проверить файл в конечном окружении, особенно если оформление зависит от страницы.
Не обязательно: это зависит от способа встраивания и CSS в вашем проекте. Инструмент не предлагает удалять размеры ради сжатия и сохраняет viewBox. Для PNG нужны однозначные пропорции из viewBox или пиксельных размеров.
SVGO выполняет выбранные преобразования кода. Здесь вокруг него есть проверка допустимого статического содержимого, сравнение изображений, просмотр контуров, подтверждение изменений и одна отмена. Это не интерфейс ко всем плагинам SVGO и не универсальный очиститель любых SVG.
Нет. Документ обрабатывается в текущей вкладке браузера. Открытие локального файла передаёт его текст инструменту без загрузки содержимого на сервер.
Нужно уточнить поведение?
Откройте пример: оптимизатор SVG подготовит вариант, который можно сравнить с оригиналом перед применением.
Одно применение можно отменить.