Как редактировать текст 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 здесь, чтобы редактировать текст.