---
title: SVG
slug: Glossary/SVG
translation_of: Glossary/SVG
---
<p><em>Scalable Vector Graphics</em> (<strong>SVG</strong>, englisch für <em>Skalierbare Vektorgrafiken</em>) ist ein 2D-Vektorgrafik-Format mit einer {{Glossary("XML")}}-Syntax.</p>

<p>Das {{Glossary("W3C")}} begann die Arbeit an SVG in den späten 90er Jahren. Beliebt wurde SVG jedoch erst mit der Veröffentlichung des {{Glossary("Microsoft Internet Explorer", "Internet Explorer")}} 9, der SVG unterstützte. Inzwischen unterstützen alle wichtigen {{Glossary("browser","Browser")}} SVG.</p>

<p>Basierend auf einer {{Glossary("XML")}}-Syntax kann SVG mit {{Glossary("CSS")}} gestylt und durch {{Glossary("JavaScript")}} interaktiv gemacht werden. HTML5 erlaubt eine direkte Einbindung von SVG {{Glossary("Tag","tags")}} in ein {{Glossary("HTML")}}-Dokument.</p>

<p>Als {{Interwiki("wikipedia", "Vektorgrafik-Format")}} lassen sich SVG-Grafiken unbegrenzt skalieren, was sie im {{Glossary("responsive design", "Responsive-Design")}} unbezahlbar macht, da sich UI-Elemente und Grafiken erstellen lassen, die sich an jede Bildschirmgröße anpassen. SVG bietet zudem eine Menge nützlicher Werkzeuge wie Abschneiden, Maskieren, Filter und Animationen.</p>

<h2 id="Mehr_erfahren">Mehr erfahren</h2>

<h3 id="Allgemeinwissen">Allgemeinwissen</h3>

<ul>
 <li>{{Interwiki("wikipedia", "SVG")}} auf Wikipedia</li>
</ul>

<h3 id="SVG_lernen">SVG lernen</h3>

<ul>
 <li><a href="https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html">W3.org's SVG Primer</a></li>
</ul>

<h3 id="Technische_Informationen">Technische Informationen</h3>

<ul>
 <li><a href="/de/docs/Web/SVG">SVG-Dokumentation auf MDN</a></li>
 <li><a href="https://www.w3.org/TR/SVG/" rel="external">Aktuelle SVG-Spezifikation</a></li>
</ul>