Форматтер SVG — форматирование SVG-файлов онлайн
Форматтер SVG превращает разметку SVG в последовательно отформатированный, легче читаемый вывод с помощью общего движка XML. Он сохраняет пространства имён, атрибуты и данные путей, а также поддерживает минификацию документа, когда полезен компактный вывод. Выберите отступ и доступные параметры перед форматированием. Округление точности данных путей по умолчанию выключено, так что данные путей не округляются, пока вы не включите этот параметр.
Форматтер SVG — это браузерный инструмент, делающий разметку SVG легче читаемой и удобной для работы. Он использует общий движок XML для форматирования SVG, а также может минифицировать разметку. Чистите ли вы сгенерированный файл или готовите SVG к проверке — инструмент даёт прямой способ форматировать SVG онлайн.
Форматтер сохраняет пространства имён, атрибуты и данные путей. Можно выбрать отступ и доступные параметры, включая минификацию. Округление точности данных путей по умолчанию выключено, так что форматтер по умолчанию не округляет данные путей. Вставьте или перетащите SVG для начала, затем скопируйте отформатированный вывод, когда он будет готов.
SVG — это формат на основе XML для описания векторной графики, так что его разметка может содержать вложенные элементы, атрибуты и данные путей. Форматирование упрощает изучение компоновки разметки, а минификация даёт компактный вывод. Разработчики могут форматировать SVG при проверке сгенерированной графики, сравнении изменений, обмене фрагментом или работе с разметкой SVG в проекте.
Форматтер SVG работает полностью в вашем браузере. Ваш ввод обрабатывается на вашем устройстве и не загружается, не сохраняется и не отправляется на сервер. Регистрации нет, а после загрузки страницы инструмент работает офлайн без серверного соединения.
Инструмент полезен разработчикам и DevOps-инженерам, которым нужно изучать, проверять или приводить в порядок файлы SVG, независимо от уровня опыта. Он помогает сделать машинно-сгенерированную разметку управляемее, подготовить содержимое для код-ревью и проверить, чисто ли разбирается ввод, прежде чем использовать его в другом месте.
Шаг 1: Вставьте или перетащите SVG в область ввода. Инструмент работает с разметкой SVG.
Шаг 2: Выберите отступ и доступные параметры. Поддерживается минификация, а округление точности данных путей по умолчанию выключено.
Шаг 3: Отформатируйте SVG, чтобы получить читаемый вывод, или используйте минификацию, когда нужен компактный вывод.
Шаг 4: Скопируйте результат для проекта, проверки, баг-репорта или изменения кода.
Пример использования: Сделайте нечитаемый, машинно-сгенерированный SVG легче проверяемым перед коммитом в репозиторий.
Пример использования: Легче сверяйте документ SVG с требуемой спецификацией, делая его разметку читаемой.
Пример использования: Создавайте последовательно отформатированный вывод с отступами, чтобы diff подсвечивал значимые изменения, а не различия в пробелах.
Пример использования: Отформатируйте фрагмент SVG перед добавлением в баг-репорт или код-ревью.
Пример использования: Проверьте, чисто ли разбирается ввод SVG, и определите точную строку, где разбор завершается ошибкой.
Пример использования: Минифицируйте SVG, когда нужна более компактная версия разметки.