--- title: SVG slug: Glossary/SVG tags: - SVG - Глосарій - Графіка - Початківцям translation_of: Glossary/SVG ---

Scalable Vector Graphics (SVG, масштабована векторна графіка) — це формат для двовимірної векторної графіки, що базується на синтаксисі {{Glossary("XML")}}. Група {{Glossary("W3C")}} почала працювати над SVG наприкінці дев'яностих, але SVG здобув популярність лише коли було випущено {{Glossary("Microsoft Internet Explorer", "Internet Explorer")}} 9 із підтримкою SVG. Всі головні {{Glossary("browser","браузери")}} зараз підтримують SVG.

Завтяки тому, що SVG базується на синтаксисі {{Glossary("XML")}}, його можна стилізувати за допомогою {{Glossary("CSS")}} та надавати йому інтерактивності, використовуючи {{Glossary("JavaScript")}}. HTML5 зараз дозволяє напряму включати SVG {{Glossary("Tag","теги")}} у документ {{Glossary("HTML")}}.

Так як SVG — це векторний формат графіки, те, що він може маштабуватися без втрати даних, робить його неоціненним у адаптивному {{Glossary("responsive design", "веб-дизайні")}}, тому що він дає можливість створювати елементи інтерфейсу, що можуть маштабуватися для будь-якого розміру екрана. Також SVG включає в себе корисні інструменти, такі як відсікання, маскування, фільтри та анімації.

Довідатись більше

Загальні поняття

Вивчати SVG

Технічна інформація