Редактирование SVG-файлов онлайн

Откройте SVG и редактируйте его визуально — добавляйте фигуры и текст, настраивайте позиции, размеры, заливки и обводки, переставляйте элементы с живым предпросмотром. Всё работает локально в вашем браузере, полностью бесплатно.

Мощное редактирование SVG прямо в вашем браузере

Визуальный список элементов

Каждая фигура, путь и текстовый узел в файле перечислены по тегу с живой сводкой, чтобы вы сразу видели, что содержит чертёж, и могли выбрать именно то, что нужно изменить.

Фигуры и геометрия

Добавляйте прямоугольники, круги, эллипсы, линии, многоугольники и пути в один клик, затем редактируйте их координаты и размеры в специальной панели свойств.

Редактирование текста

Добавляйте текстовые подписи и редактируйте их содержимое напрямую, с контролем позиции и размера шрифта, чтобы подписи и выноски вписывались в чертёж.

Полный контроль стилей

Меняйте цвета заливки и обводки с помощью палитры цветов, настраивайте ширину обводки и непрозрачность, удаляйте или переопределяйте любой атрибут для каждого элемента.

Панорамируемый, масштабируемый предпросмотр

Перетаскивайте для панорамирования и прокручивайте для масштабирования живого предпросмотра, с элементами управления «По размеру» / «Приблизить» / «Отдалить», которые сохраняют чертёж чётким при любом масштабе.

Приватность по замыслу

SVG редактируются целиком в вашем браузере и рендерятся в изолированном iframe, поэтому встроенные скрипты никогда не запускаются, а ваши файлы никогда не покидают ваше устройство.

Что это за SVG-редактор?

Этот инструмент — лёгкий браузерный редактор для SVG, открытого формата векторной графики, используемого повсюду — от иконок и логотипов до технических чертежей и визуализаций данных. Вместо ручного редактирования XML-тегов в текстовом редакторе вы выбираете элементы на живом холсте и настраиваете их простыми элементами управления: перемещайте или изменяйте размер фигуры, выбирайте цвет заливки или обводки, вводите новый текст, переставляйте или дублируйте элементы и изменяйте размер самого холста. Поскольку весь документ остаётся в вашем браузере, ничего не загружается, и инструмент работает даже с чувствительными файлами. Результат — корректный SVG, который можно использовать везде, где принимается SVG.

Как использовать SVG-редактор

Редактирование SVG занимает всего три шага — инструмент открывает файлы автоматически, и каждое изменение отражается вживую.

1

Перетащите ваш SVG

Перетащите один или несколько файлов .svg в область загрузки (или нажмите, чтобы выбрать). Каждый файл открывается автоматически с собственным живым предпросмотром и списком элементов.

2

Выберите и редактируйте

Нажмите на любой элемент в списке, чтобы выбрать его, затем настройте его позицию, размер, цвета, обводку и непрозрачность на панели «Свойства». Используйте панель инструментов, чтобы добавить новые фигуры или текст, а также дублировать, переставлять или удалять выбранные элементы.

3

Скачайте свою работу

Скачивайте каждый отредактированный SVG отдельно или упаковывайте все файлы в один ZIP. Загрузки остаются полностью локальными — отредактированный документ создаётся в вашем браузере и никогда не отправляется на сервер.

Что нужно помнить

Пока вы не внесёте первую правку, скачивание возвращает точные исходные байты вашего файла — ничего не переписывается заранее. Первая правка заново сериализует документ, поэтому пробелы и порядок атрибутов могут быть нормализованы. Для безопасности SVG рендерятся в изолированном iframe: встроенные скрипты никогда не запускаются, а внешние изображения и шрифты не загружаются. Данные путей показываются, но не редактируются по точкам, а очень большие файлы перечисляют свои первые 1000 элементов с примечанием.

Часто задаваемые вопросы