SVG
SVG — це формат векторної графіки, повна назва якого Scalable Vector Graphics. На відміну від растрових зображень, він описує не пікселі, а геометрію: лінії, криві, фігури, контури й текст. Завдяки цьому SVG зберігає чіткість під час масштабування і добре підходить для логотипів, іконок, схем та іншої графіки, яку часто змінюють у розмірі.
Як побудований SVG
Файл SVG зазвичай є текстовим документом на основі XML. Усередині нього записують елементи з координатами, кольорами, товщиною ліній, градієнтами та іншими параметрами відображення. Браузер або графічний редактор читає ці інструкції й будує зображення заново, тому воно не «розсипається» при збільшенні, як це буває з JPG чи PNG.
Що дає векторний підхід
- Масштабованість без втрати різкості на будь-якому розмірі екрана.
- Невеликий обсяг для простих форм і однотонних елементів.
- Можливість легко змінювати кольори, товщину, розміри та окремі частини.
- Підтримка анімації, інтерактивності й стилізації через CSS та скрипти.
Де SVG особливо зручний
У графічному дизайні SVG найчастіше використовують для логотипів, піктограм, інфографіки, схем, елементів інтерфейсу та простих ілюстрацій. Формат зручний для вебдизайну, бо добре відображається на екранах різної щільності, а також швидко підлаштовується під адаптивні макети. Його часто обирають, коли зображення має бути чітким у маленькому й великому форматі без окремих версій.
Коли формат не найкращий
SVG менш доречний для складних фотореалістичних зображень, де багато дрібних переходів тону й деталей. Такі сцени простіше зберігати у растрових форматах. Також дуже складний SVG із великою кількістю контурів може стати важким для обробки й повільнішим у відображенні, особливо якщо всередині є багато декоративних елементів.
Короткий приклад
Якщо логотип збережено у SVG, його можна вставити на сайт, збільшити для банера або зменшити для значка в меню, і краї лишаться гладкими. Саме тому цей формат часто використовують там, де одна й та сама графіка має працювати в різних розмірах без втрати якості.
