Файли SVG.

Розглянемо такі питання:

• Що таке SVG-файл?
• Історія виникнення SVG-файлу
• Для чого використовуються SVG-файли?
• Переваги й недоліки SVG-файлів
• Як відкрити SVG-файл
• Як створити та відредагувати SVG-файл
• Файли SVG: найпоширеніші запитання й відповіді

Що таке SVG-файл?

SVG (скорочено від англ. Scalable Vector Graphics, що означає «масштабована векторна графіка») – це формат векторного файлу, зручний для використання в Інтернеті. На відміну від растрових файлів, як-от JPEG, що складаються із пікселів, файли векторної графіки створені на основі математичних формул, заснованих на точках і лініях на сітці. Це означає, що розмір файлів векторної графіки, зокрема SVG, можна значно змінити без втрати якості, тож вони є ідеальними для логотипів і складної онлайн-графіки.

Формат SVG користується популярністю серед веб-дизайнерів не тільки через свої можливості зміни розміру. SVG-файли написані мовою XML, тобто вони зберігають текстову інформацію саме як текст, а не фігури. Це дає змогу пошуковим системам, зокрема Google, розпізнавати SVG-графіку за ключовими словами, що потенційно підвищує рейтинг пошуку вебсайту.

Розпізнати SVG-файл дуже легко за розширенням .svg.

Історія виникнення SVG-файлу.

Історія SVG-файлу розпочинається з кінця 1990-х років, коли Консорціум Всесвітнього павутиння (World Wide Web Consortium, W3C) запропонував розробникам створити новий тип формату векторної графіки. Було представлено шість варіантів, серед яких і був вибраний той, що зрештою став форматом SVG.

Знадобився деякий час, щоб формат SVG здобув популярність. До 2017 року він не мав великої підтримки, але потім користувачі побачили переваги використання SVG-файлів у сучасних веб-браузерах. Наразі SVG-файли – популярний інструмент для відображення 2D-графіки на веб-сайтах, тому що з ними можуть працювати більшість браузерів і програм для роботи з векторними зображеннями.

Переваги та недоліки SVG-файлів.

Перед вибором формату SVG варто ознайомитися з його перевагами та недоліками.

Переваги SVG-файлів.

• На відміну від растрових файлів, які складаються з пікселів, векторна графіка, зокрема SVG, зберігає роздільну здатність незалежно від ступеня збільшення або зменшення. Це значить, що SVG-зображення не втратять якості в певних браузерах або після зміни їхнього розміру для різних платформ.
• Базові SVG-зображення часто менші, ніж растрові зображення, які створюються з великої кількості кольорових пікселів, а не за допомогою математичних алгоритмів.
• Оскільки SVG-файли сприймають текст саме як текст (а не як композицію чи малюнок), програми зчитування з екрана можуть сканувати слова, що містяться в зображеннях SVG. Це дуже корисно для тих, кому потрібна допомога в читанні веб-сторінок. Пошукові системи також можуть читати та індексувати текст зображення SVG.

Недоліки SVG-файлів.

• Файли SVG чудово підходять для веб-графіки, зокрема логотипів, ілюстрацій та діаграм. Але відсутність пікселів ускладнює відображення високоякісних цифрових фотографій. Загалом формат JPEG краще використовувати для фотографій з великою кількістю деталей.
• Зображення у форматі SVG підтримуються лише сучасними браузерами. Це може стати проблемою, якщо користувач намагатиметься відкрити SVG-зображення в браузері Internet Explorer 8 і старіших версіях.
• Якщо ви незнайомі з SVG-файлами, вам може бути важко зрозуміти код у зображеннях цього формату.

Як відкрити SVG-файл.

Зараз усі основні браузери, від Chrome і Edge до Safari та Firefox, дозволяють відкривати SVG-файли на пристроях з ОС Mac або Windows. Запустіть браузер і натисніть пункт «Файл».

Відкрийте й виберіть файл для перегляду. Він відобразиться в браузері.

Відкрити зображення SVG за допомогою вбудованої програми на комп’ютері так само легко. Двічі клацніть на імені файлу, щоб побачити перелік програм, у яких його можна відкрити, або він автоматично відкриється в сумісній програмі.

Як створити й відредагувати SVG-файл.

Виконайте такі дії під час роботи з Adobe Photoshop:

1. Після роботи із зображенням у Photoshop натисніть «Файл» > «Експорт» > «Експортувати як».
2. Натисніть на розкривне меню «Формат» у вікні, що з’явиться, і виберіть формат SVG.
3. Натисніть «Експортувати все» та збережіть файл.

Корисна примітка: оскільки Photoshop – це редактор растрової графіки, багато користувачів вважають за краще створювати та редагувати SVG-файли в редакторі векторної графіки Adobe Illustrator.