Спосіб 1: RapidTables
Онлайн-сервіс RapidTables підтримує не тільки відкриття зображень, що зберігаються у форматі SVG, але і дозволяє редагувати їх в режимі реального часу, щоб потім зберегти на своєму комп'ютері. Перегляд і подальша зміна вмісту відбуваються наступним чином:
- Відкрийте головну сторінку сайту RapidTables, наприклад, скориставшись нашим посиланням. Там вам необхідно натиснути на кнопку у вигляді папки, щоб перейти до додавання зображення.
- Відобразиться вікно &171;провідника&187; , в якому і слід вибрати відповідну картинку.
- Ознайомтеся з її вмістом у блоці &171;View&187; .
- Вище відображається весь код картинки, який ви можете редагувати на свій розсуд, якщо знаєте, як саме влаштований синтаксис таких зображень.
- Після внесення всіх змін натисніть на кнопку зі знаком лупи, щоб вони були застосовані і ви змогли подивитися результат в тому ж блоці.
- Якщо ви не тільки переглядали файл, але і редагували його, використовуйте кнопку збереження на верхній панелі, щоб задати йому нову назву і завантажити на локальне сховище.
![Переход к выбору файла для открытия SVG через онлайн-сервис RapidTables](https://cdn.daad.org.ua/images/11473/f89fc7ea409d292734ceb13dd7e8152e.png)
![Выбор файла для открытия SVG через онлайн-сервис RapidTables](https://cdn.daad.org.ua/images/11473/fb95c1fdc72ac0286f1b4a19cd604b3f.png)
![Просмотр содержимого файла SVG через онлайн-сервис RapidTables](https://cdn.daad.org.ua/images/11473/df994a4997bd8a9dffbc824efba3a03f.png)
![Редактирование кода файла SVG через онлайн-сервис RapidTables](https://cdn.daad.org.ua/images/11473/932f345277501722d9a540f4186f6d3e.png)
![Применение редактирования кода файла SVG через онлайн-сервис RapidTables](https://cdn.daad.org.ua/images/11473/f5d7dbc5f3fddcfdb71bce6da3f65c6f.png)
![Сохранение файла SVG через онлайн-сервис RapidTables после применения редактирования](https://cdn.daad.org.ua/images/11473/a162e465b4645d67d340b88cb80699ba.png)
Обережно підходьте до процесу редагування, а якщо щось раптом пішло не так, відразу ж повертайте картинку до початкового стану, щоб не порушити її цілісність. Якщо ви вперше стикаєтеся з таким завданням, ознайомтеся з інформацією в інтернеті або переходите до Способу 3 , де зміна здійснюється за допомогою стандартних графічних інструментів.
Спосіб 2: FreeCodeFormat
Принцип взаємодії з онлайн-сервісом FreeCodeFormat точно такий же, як і з описаним вище сайтом, а відмінності полягають лише в інтерфейсі. Ви можете вибрати між цими двома варіантами і визначитися, який з них буде оптимальним.
- Опинившись на головній сторінці FreeCodeFormat, негайно натисніть &171;Open&187; , щоб перейти до додавання SVG-зображення.
- В &171; провіднику&187; стандартним чином відшукайте файл і двічі клікніть по ньому для відкриття.
- Перейдіть до блоку &171;View&187; для ознайомлення з результатом.
- В блоці &171;Code&187; ви бачите весь вміст файлу, а також можете редагувати його, замінюючи будь-які цифри та рядки.
- Застосуйте зміни після редагування, натиснувши на &171;Draw&187; .
- Якщо виникла потреба зберегти зображення, натисніть &171;Save&187; , задайте йому ім'я і підтвердіть скачування.
![Переход к открытию файла формата SVG через онлайн-сервис FreeCodeFormat](https://cdn.daad.org.ua/images/11473/2c9f0bc28aa08c3ec21c9c1508dc847d.png)
![Открытие файла формата SVG через онлайн-сервис FreeCodeFormat](https://cdn.daad.org.ua/images/11473/574c10df94324329b146a251edc02098.png)
![Просмотр содержимого файла формата SVG через онлайн-сервис FreeCodeFormat](https://cdn.daad.org.ua/images/11473/b9672902849b64ea1ce0b58da973073d.png)
![Редактирование содержимого файла формата SVG через онлайн-сервис FreeCodeFormat](https://cdn.daad.org.ua/images/11473/e750959dd37ae2482761297270cd6b68.png)
![Применение изменений при редактировании SVG через онлайн-сервис FreeCodeFormat](https://cdn.daad.org.ua/images/11473/9bdbcbf6b96e34d0ac2f3e4245138b4a.png)
![Сохранение файла SVG через онлайн-сервис FreeCodeFormat после редактирования](https://cdn.daad.org.ua/images/11473/91e910d4b2faa4b5b974d86adde366a5.png)
Спосіб 3: Method
Функціональність і зовнішній вигляд онлайн-сервісу Method значно відрізняються від тих, які ми розглянули вище, оскільки він представлений як стандартний графічний редактор. Це буде зручно тим користувачам, кому потрібно не тільки відкрити SVG, але і змінити його вміст, при цьому не розбираючись в рядках коду.
- Відкриваючи вкладку редактора, Наведіть курсор на меню &171;File&187; і виберіть пункт &171;Open SVG&187; .
- Відкриється & 171; провідник & 187; , де відшукайте потрібне зображення.
- Підтвердьте відкриття нового файлу.
- Тепер ви можете подивитися на зображення в окремому блоці.
- Інструментами з лівої панелі Редагуйте вміст.
- Додавайте блоки, застосовуйте кисть, а потім застосовуйте додаткові настройки праворуч, щоб поміняти вид об'єкта, або використовуйте трансформування, пересуваючи точки з країв.
- Внизу відображається палітра з кольорами, які ви теж можете застосовувати до фігур, тексту або кистей.
- Якщо натиснути на активний колір, відкриється окреме вікно, де вибір відповідного відтінку відбувається в більш гнучкому варіанті.
- Після завершення через те саме меню &171;File&187; збережіть зображення або експортуйте його як PNG-файл.
![Переход к открытию файла формата SVG через онлайн-сервис Method](https://cdn.daad.org.ua/images/11473/abf24fa292c0ef660b9fded6c4909ecf.png)
![Открытие файла формата SVG через онлайн-сервис Method](https://cdn.daad.org.ua/images/11473/941fb8e98efa2903d0c59ca5faed1850.png)
![Подтверждение открытия файла формата SVG через онлайн-сервис Method](https://cdn.daad.org.ua/images/11473/890c424d9ce1eecc293b64dfd9c926c2.png)
![Просмотр содержимого файла формата SVG через онлайн-сервис Method](https://cdn.daad.org.ua/images/11473/3f59b2522ffafd41b2affc6b45ae00cb.png)
![Использование панели инструментов для редактирования SVG через онлайн-сервис Method](https://cdn.daad.org.ua/images/11473/8d4da4cef2c7a6b1866f21d2fd4b3b73.png)
![Дополнительные опции при редактировании SVG через онлайн-сервис Method](https://cdn.daad.org.ua/images/11473/bf130f1b782c52687ca817ec2dad038b.png)
![Смена цвета инструментов при редактировании SVG через онлайн-сервис Method](https://cdn.daad.org.ua/images/11473/32c2b84e87086cd201ed29a43b24ecf9.png)
![Палитра с цветами при редактировании SVG через онлайн-сервис Method](https://cdn.daad.org.ua/images/11473/9b6eee74b956912e45c9771b80a93bb6.png)
![Сохранение изображения SVG через онлайн-сервис Method после редактирования](https://cdn.daad.org.ua/images/11473/eb400b9f9c170654fc2648f84a9607c2.png)
На завершення відзначимо, що іноді онлайн-сервіси виявляються невідповідними для того, щоб відкрити зображення SVG для перегляду або подальшого редагування. Тоді доводиться встановити одну зі спеціальних програм, благо на просторах Інтернету їх знаходиться величезна кількість, а з найпопулярнішими представниками пропонуємо ознайомитися в окремій статті на нашому сайті за посиланням нижче.
Детальніше: відкриваємо файли векторної графіки SVG