Как редактировать текст SVG онлайн

Обновлено

Чтобы отредактировать текст в SVG, откройте файл в векторном редакторе EditItAll и дважды щёлкните по словам, которые хотите изменить. Наберите их заново, затем настройте шрифт, размер, начертание, выравнивание и цвет. Экспортируйте чистый SVG, когда закончите: весь процесс редактирования происходит прямо в вашем браузере.

Сделайте прямо сейчас — бесплатно, в браузере

Open the vector editor

Когда текст SVG можно редактировать, а когда нельзя

SVG может хранить ваши слова двумя способами. Если файл использует настоящие элементы <text>, слова хранятся как обычный текст, поэтому вы можете выделять их, набирать заново и менять их стиль. Если дизайнер «преобразовал текст в контуры» перед сохранением, каждая буква стала векторной фигурой: выглядит она так же, но это уже не текст, поэтому вы можете только менять форму точек, а не переписывать слова.

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

Редактирование слов в вашем SVG

Откройте файл в векторном редакторе EditItAll, и текст появится как редактируемый объект. Чтобы изменить его:

  • Дважды щёлкните по тексту инструментом выделения – появится курсор, и вы сможете сразу набрать новый текст поверх старого.
  • Нажмите Escape или щёлкните в другом месте, чтобы применить изменение.
  • Многострочный текст сохраняет свои строки, поэтому вы можете отдельно редактировать заголовок и подзаголовок.

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

Изменение стиля текста

Когда слова готовы, настройте их внешний вид. Вы можете задать шрифт, размер и начертание, изменить выравнивание (по левому краю, по центру или по правому краю) и выбрать новый цвет заливки. Перетащите текст, чтобы изменить его положение, или переместите между слоями вместе с остальной иллюстрацией. Если нужно также изменить форму контуров вокруг текста, инструмент «перо» и булевы операции находятся прямо в том же документе.

Экспорт чистого SVG

Когда закончите, экспортируйте файл – вы получите стандартный SVG, в котором отредактированные слова по-прежнему хранятся как настоящий <text>, поэтому он останется редактируемым и в следующий раз. Нужна растровая копия для слайда или публикации в соцсети? Вы также можете экспортировать в PNG нужного размера. Всё, от открытия файла до финального экспорта, происходит на вашем устройстве – ничего из дизайна его не покидает.

Готовы попробовать?

Бесплатно, без регистрации, и ни один открытый файл не покидает ваше устройство.

Частые вопросы

Загружаются ли мои файлы SVG для редактирования текста?+

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

Текст в моём SVG не выделяется, почему так?+

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

Можно ли изменить шрифт, размер и цвет текста?+

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

Останется ли текст редактируемым в экспортированном файле?+

Да. Редактор записывает ваши слова обратно как настоящие текстовые элементы SVG, поэтому экспортированный файл остаётся редактируемым: вы или кто-то другой сможете открыть его снова и изменить текст позже.

Может ли он открыть файл .ai из Illustrator, чтобы редактировать текст?+

Нет. Векторный редактор открывает SVG, а не .ai или .eps от Adobe. Если ваш текст находится в файле .ai, сначала сохраните или экспортируйте его как SVG из Illustrator, а затем откройте этот SVG здесь, чтобы редактировать текст.

Похожие руководства

Ещё руководства: Вектор и SVG →