відкриваємо файли векторної графіки SVG

SVG (Scalable Vector Graphics) є файлом масштабованої векторної графіки з дуже широкими можливостями, написаним на мові розмітки XML. Давайте з'ясуємо, за допомогою яких програмних рішень можна переглянути вміст об'єктів з даними розширенням.

Програми для перегляду SVG

Враховуючи, що Scalable Vector Graphics &8212; це графічний формат, закономірно, що перегляд цих об'єктів підтримують, в першу чергу, переглядачі зображень і графічні редактори. Але, як не дивно, досі рідкісні переглядачі зображень справляються із завданням відкриття SVG, спираючись тільки на свій вбудований функціонал. Крім того, об'єкти досліджуваного формату можна подивитися за допомогою деяких браузерів і ряду інших програм.

Спосіб 1: Gimp

Перш за все, розглянемо, як переглянути малюнки досліджуваного формату в безкоштовному графічному редакторі Gimp .

  1. Активуйте Gimp. Клацати " Файл» і вибирайте " відкрити ... » . Або ж використовуйте Ctrl+O .
  2. Переход в окно открытия изображения в программе Gimp
  3. Запускається оболонка вибору зображення. Перемістіться туди, де розташований шуканий елемент векторної графіки. Провівши виділення, клікайте»відкрити" .
  4. Окно открытия изображения в программе Gimp
  5. Активується віконце " Створити Масштабовану Векторну Графіку» . У ньому пропонується змінити налаштування розмірів, масштабування, дозволу і деякі інші. Але можна залишити їх і без зміни за замовчуванням, просто натиснувши «OK» .
  6. Окно Создать Scalable Vector Graphics в программе Gimp
  7. Після цього картинка буде відображена в інтерфейсі графічного редактора Gimp. Тепер можна виробляти з ним все ті ж маніпуляції, що і з будь-яким іншим графічним матеріалом.
Файл SVG открыт в программе Gimp

Спосіб 2: Adobe Illustrator

Наступною програмою, яка вміє відображати і змінювати зображення зазначеного формату, є Adobe Illustrator .

  1. Запустіть Adobe Illustrator. Послідовно клацайте по пунктах списку " Файл» і »відкрити" . Для любителів працювати з "гарячими" клавішами передбачено поєднання Ctrl+O .
  2. Переход в окно открытия файла в программе Adobe Illustrator
  3. Слідом за тим, як запуститься інструмент вибору об'єкта, перейдіть з його допомогою в область розташування елемента векторної графіки і виділіть його. Потім натискайте «OK» .
  4. Окно открытия файла в программе Adobe Illustrator
  5. Після цього з високою часткою ймовірності можна сказати, що з'явиться діалогове вікно, в якому буде говоритися про те, що у документа немає вбудованого RGB-профілю. За допомогою перемикання радіокнопки користувач може призначити робочий простір або конкретний профіль. Але можна і не робити в даному вікні ніяких додаткових дій, залишивши перемикач в положенні " залишити без змін» . Жати «OK» .
  6. Сообщение об отсутсвии профиля в программе Adobe Illustrator
  7. Картинка відобразиться і буде доступна для змін.
Файл SVG открыт в программе Adobe Illustrator

Спосіб 3: XnView

Розгляд переглядачів зображень, що працюють з досліджуваним форматом, ми почнемо з програми XnView .

  1. Активуйте XnView. Клацнувши " Файл» і »відкрити" . Застосовується і Ctrl+O .
  2. Переход в окно открытия файла в программе XnView
  3. У запущеній оболонці вибору зображення перейдіть в область знаходження SVG. Відзначивши елемент, тисніть»відкрити" .
  4. Окно открытия файла в программе XnView
  5. Після даної маніпуляції зображення відобразиться в новій вкладці програми. Але вам відразу ж буде видно один явний недолік. Поверх зображення буде красуватися напис про необхідність придбати платну версію плагіна CAD Image DLL. Справа в тому, що пробна версія даного плагіна вже вбудована в XnView. Саме завдяки їй програма може відображати вміст SVG. Але позбутися від сторонніх написів можна тільки після заміни тріальної версії плагіна на платну.
Изображение SVG открыто в новой вкладеке в программе XnView

Завантажити плагін CAD Image DLL

Існує й інша можливість переглянути SVG в XnView. Вона здійснюється за допомогою вбудованого оглядача.

  1. Після запуску XnView, перебуваючи у вкладці»оглядач" , клацайте по найменуванню " Комп'ютер» у лівій частині вікна.
  2. Переход в раздел Компьютер в программе XnView
  3. Відображається список дисків. Виберіть той, де знаходиться SVG.
  4. Переход на диск размещения файла SVG в программе XnView
  5. Після цього відобразиться дерево каталогів. По ньому необхідно перейти в ту папку, де розташований елемент векторної графіки. Після виділення цієї папки її вміст відобразиться в основній частині. Виділіть найменування об'єкта. Тепер в нижній частині вікна у вкладці «Попередній перегляд» буде відображатися превью малюнка.
  6. Предварительный просмотр файла SVG в программе XnView
  7. Для включення режиму повноцінного перегляду в окремій вкладці клікніть по назві картинки лівою кнопкою мишки два рази.
Открытие файла SVG в обозревателе программы XnView

Спосіб 4: IrfanView

Наступним переглядачем зображень, на прикладі якого ми розглянемо перегляд досліджуваного виду малюнків, є IrfanView . Для показу SVG в названій програмі теж потрібно плагін CAD Image DLL, але на відміну від XnView, він спочатку не встановлений в зазначеному додатку.

  1. Перш за все, вам потрібно буде завантажити плагін, посилання на який було надано при розгляді попереднього Переглядача зображень. Причому, слід зауважити, що, якщо ви встановите безкоштовну версію, то при відкритті файлу поверх зображення буде проступати напис з пропозицією придбати повноцінний варіант. Якщо ж ви відразу придбаєте платну версію, то ніяких сторонніх написів не буде. Після того, як архів з плагіном буде завантажений, за допомогою будь-якого файлового менеджера перемістіть з нього файл cadimage.dll в папку «Plugins» , яка розташована в директорії розміщення виконуваного файлу IrfanView.
  2. Копирование файла CADImage.dll из архива в директорию Plugins программы IrfanView
  3. Тепер можете запускати IrfanView. Клацніть по найменуванню " Файл» і виберіть »відкрити" . Також для виклику вікна відкриття ви можете скористатися кнопкою O на клавіатурі. Переход в окно открытия файла с помощью верхнего горизонтального меню в программе IrfanView

    Інший варіант виклику зазначеного вікна передбачає клацання по піктограмі в формі папки.

  4. Переход в окно открытия файла с помощью иконки на панели инструментов в программе IrfanView
  5. Активується віконце вибору. Перейдіть в ньому в каталог розміщення зображення Scalable Vector Graphics. Виділивши його, натискайте»відкрити" .
  6. Окно открытия файла в программе IrfanView
  7. Малюнок відобразиться в програмі IrfanView. Якщо ви придбали повноцінну версію плагіна, то зображення буде відображатися без сторонніх написів. У зворотному випадку поверх нього буде висвічуватися рекламна пропозиція.
Файл SVG открыт в программе IrfanView

Картинку в цій програмі можете переглянути методом перетягування файлу з " провідника» до оболонки IrfanView.

Открытие файла SVG путем его перетягивание из Проводника Windows в окно программы IrfanView

Спосіб 5: OpenOffice Draw

Переглядати SVG вміє також додаток Draw з офісного пакету OpenOffice .

  1. Активуйте стартову оболонку OpenOffice. Клацайте по кнопці " відкрити ... » . Переход в окно открытия файла в программе OpenOffice

    Також ви можете застосовувати Ctrl+O або зробити послідовне натискання по елементах меню »Файл" і " відкрити ... » .

  2. Переход в окно открытия файла с помощью верхнего горизонтального меню в программе OpenOffice
  3. Активується оболонка відкриття об'єкта. З її допомогою перейдіть туди, де знаходиться SVG. Виділивши його, натискайте»відкрити" .
  4. Окно открытия файла в программе OpenOffice
  5. Зображення відобразиться в оболонці програми OpenOffice Draw. Ви можете проводити редагування цього малюнка, але після його завершення результат доведеться зберегти з іншим розширенням, так як збереження в SVG OpenOffice не підтримує.
Файл SVG открыт в программе OpenOffice Draw

Також зображення можна переглянути, перетягнувши файл у стартову оболонку OpenOffice.

Открытие файла SVG путем его перетягивание из Проводника Windows в окно программы OpenOffice

Можна зробити запуск і через оболонку Draw.

  1. Після запуску Draw тисніть»Файл" і далі " відкрити ... » . Можна застосувати і Ctrl+O . Переход в окно открытия файла через верхнее горизонтальное меню в программе OpenOffice Draw

    Застосовується натискання на піктограму, яка має форму папки.

  2. Переход в окно открытия файла с помощью кнопки на ленте в программе OpenOffice Draw
  3. Активується оболонка відкриття. Перебазуйтеся з її допомогою туди, де розташований векторний елемент. Відзначивши його, натискайте»відкрити" .
  4. Окно открытия файла в программе OpenOffice Draw
  5. Зображення відобразиться в оболонці Draw.

Спосіб 6: LibreOffice Draw

Підтримує відображення масштабованої векторної графіки та конкурента OpenOffice-офісний пакет LibreOffice , який у своєму складі також має додаток для редагування зображень під назвою Draw.

  1. Активуйте стартову оболонку LibreOffice. Клацнувши «відкрити файл» або набирайте Ctrl+O . Переход в окно открытия файла в программе LibreOffice

    Ви можете активувати вікно вибору об'єкта через меню, натиснувши " Файл» і »відкрити" .

  2. Переход в окно открытия файла через верхнее горизонтальное менюв программе LibreOffice
  3. Активується віконце вибору об'єкта. У ньому слід перейти в ту файлову директорію, де знаходиться SVG. Після того, як названий об'єкт відзначений, тисніть»відкрити" .
  4. Окно открытия файла в программе LibreOffice
  5. Зображення буде показано в оболонці LibreOffice Draw. Як і в попередній програмі, в разі редагування файлу результат доведеться зберігати не в SVG, а в одному з тих форматів, збереження в яких цей додаток підтримує.
Файл SVG открыт в программе LibreOffice Draw

Інший метод відкриття передбачає перетягування файлу з файлового менеджера в стартову оболонку LibreOffice.

Открытие файла SVG путем его перетягивание из Проводника Windows в окно программы LibreOffice

Також в LibreOffice, як і у попереднього описаного нами пакету програм, можна переглянути SVG і через оболонку Draw.

  1. Після активації Draw послідовно тисніть по пунктах»Файл" і " відкрити ... » . Переход в окно открытия файла через верхнее горизонтальное меню в программе LibreOffice Draw

    Ви можете скористатися натисканням на піктограму, представлену папкою, або використовувати Ctrl+O .

  2. Переход в окно открытия файла с помощью кнопки на ленте в программе LibreOffice Draw
  3. Це викликає оболонку відкриття об'єкта. Виберіть SVG, виділіть його і тисніть»відкрити" .
  4. Окно открытия файла в программе LibreOffice Draw
  5. Картинка буде відображена в Draw.

Спосіб 7: Opera

SVG можна переглянути в цілому ряді браузерів, перший з яких називається Opera .

  1. Запустіть Оперу. У цьому веб-браузері немає візуалізованих інструментів у графічному вигляді для активування вікна відкриття. Тому для його активації слід використовувати Ctrl+O .
  2. Интерфейс браузера Opera
  3. З'явиться вікно відкриття. Тут необхідно перейти в директорію розташування SVG. Виділивши об'єкт, натискайте «OK» .
  4. Окно открытия файла в браузере Opera
  5. Картинка відобразиться в оболонці браузера Opera.
Файл SVG открыт в браузере Opera

Спосіб 8: Google Chrome

Наступним браузером, який вміє відображати SVG, є Google Chrome .

  1. Даний веб-оглядач, як і Opera, заснований на движку Blink, тому має схожий спосіб запуску вікна відкриття. Активуйте Google Chrome і наберіть Ctrl+O .
  2. Интерфейс браузера Google Chrome
  3. Активується віконце вибору. Тут потрібно відшукати цільове зображення, зробити його виділення і натиснути на кнопку»відкрити" .
  4. Окно открытия файла в браузере Google Chrome
  5. Вміст відобразиться в оболонці Гугл Хром.
Файл SVG открыт в браузере Google Chrome

Спосіб 9: Vivaldi

Наступним веб-оглядачем, на прикладі якого буде розглянута можливість перегляду SVG, є Vivaldi .

  1. Запустіть Вівальді. На відміну від раніше описаних браузерів, в цьому веб-браузері закладена можливість запуску сторінки відкриття файлу через графічні елементи управління. Для цього натискайте на логотип браузера в лівому верхньому куточку його оболонки. Клікайте по»Файл" . Далі відзначайте « відкрити файл...» . Втім, тут працює і варіант відкриття гарячими клавішами, для чого необхідно набрати Ctrl+O .
  2. Переход в окно открытия файла в программе Vivaldi
  3. З'являється звична оболонка вибору об'єкта. Перемістіться в ній в місце знаходження Scalable Vector Graphics. Відзначивши названий об'єкт, клікайте»відкрити" .
  4. Окно открытия файла в программе Vivaldi
  5. Зображення відображається в оболонці Вівальді.
Файл SVG открыт в браузере Vivaldi

Спосіб 10: Mozilla Firefox

Визначимо, як відобразити SVG в ще одному популярному браузері – Mozilla Firefox .

  1. Запустіть Файрфокс. Якщо ви бажаєте проводити відкриття локально розміщених об'єктів за допомогою меню, то, перш за все, слід включити його відображення, так як за замовчуванням меню відключено. Клацайте правою кнопкою мишки ( ПКМ ) на самій верхній панелі оболонки браузера. У що з'явився переліку вибирайте " Панель меню» .
  2. Открытие панели меню в браузере Mozilla Firefox
  3. Після відображення меню послідовно клацайте»Файл" і " відкрити файл...» . Втім, Ви можете використовувати і універсальне натискання Ctrl+O .
  4. Переход в окно открытия файла в программе Mozilla Firefox
  5. Активується віконце вибору. Проведіть перехід в ньому туди, де розташоване шукане зображення. Відзначте його і клікайте»відкрити" .
  6. Окно открытия файла в программе Mozilla Firefox
  7. Вміст відображатиметься у браузері Mozilla.
Файл SVG открыт в браузере Mozilla Firefox

Спосіб 11: Maxthon

Досить незвичайним способом можна переглянути SVG в браузері Maxthon . Справа в тому, що в цьому веб-браузері активація вікна відкриття в принципі неможлива: ні через графічні елементи управління, ні за допомогою натискання гарячих клавіш. Єдиним варіантом переглянути SVG є внесення адреси даного об'єкта в адресний рядок браузера.

  1. Для того, щоб дізнатися адресу шуканого файлу, перейдіть в " провіднику» в директорію, де він розташований. Затисніть клавішу Shift і клацніть ПКМ по найменуванню об'єкта. Зі списку виберіть " Копіювати як шлях» .
  2. Копирование пути к файлу SVG через контекстное меню в Проводнике Windows
  3. Запустіть браузер Maxthon, встановіть курсор на його адресний рядок. Клацати ПКМ . Зі списку вибирайте »вставити" .
  4. Вставка пути к файлу SVG в адресную строку браузера Maxthon
  5. Після вставки шляху видаліть лапки на початку та в кінці його назви. Для цього встановлюйте курсор безпосередньо після лапок і натискайте кнопку Backspace на клавіатурі.
  6. Удаление кавычек пути к файлу SVG в адресной строке браузера Maxthon
  7. Потім виділіть весь шлях в адресному рядку та натисніть Enter . Зображення буде відображено в Maxthon.
Файл SVG открыт в браузере Maxthon

Безумовно, даний варіант відкриття локально розташованих на жорсткому диску векторних малюнків набагато незручніше і складніше, ніж у інших браузерів.

Спосіб 12: Internet Explorer

Розглянемо варіанти перегляду SVG ще й на прикладі стандартного браузера для операційних систем лінійки Віндовс по Windows 8.1 включно &8212; Internet Explorer .

  1. Запустіть Інтернет Експлорер. Клацати»Файл" і вибирайте »відкрити" . Також можете скористатися Ctrl+O .
  2. Переход в окно открытия файла с помощью верхнего горизонтального меню в браузере Internet Explorer
  3. Запускається невелике віконце –»відкриття" . Для переходу до безпосереднього інструменту вибору об'єкта натискайте " огляд...» .
  4. Окно Открытие в браузере Internet Explorer
  5. В запустилася оболонці перемістіться туди, де поміщений елемент векторної графіки. Позначте його і тисніть»відкрити" .
  6. Окно открытия файла в браузере Internet Explorer
  7. Виконується повернення в попереднє віконце, де в адресному полі вже розміщений шлях до вибраного об'єкту. Натискати «OK» .
  8. Переход к открытию изображение в окне Открытие в браузере Internet Explorer
  9. Зображення відобразиться в браузері IE.
Файл SVG открыт в браузере Internet Explorer

Незважаючи на те, що SVG є форматом векторних зображень, більшість сучасних переглядачів картинок не вміють його відображати без установки додаткових плагінів. Також з цим типом картинок працюють далеко не всі графічні редактори. Зате практично всі сучасні браузери вміють відображати цей формат, так як він був свого часу створений, в першу чергу, для розміщення картинок в Інтернеті. Правда, в браузерах можливий тільки перегляд, а не редагування об'єктів із зазначеним розширенням.

більше статей на цю тему: