Як редагувати текст 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 тут, щоб редагувати текст.