Über das Projekt

about-svg.de ist ein unabhängiges Tutorial zu Scalable Vector Graphics auf Deutsch. Es richtet sich an alle, die SVG nicht nur benutzen, sondern verstehen wollen: Webentwickler, Gestalterinnen, Studierende und Neugierige, die wissen möchten, was in einer Grafikdatei eigentlich steht.

Wie die Seiten aufgebaut sind

Jedes Kapitel behandelt ein Thema und baut auf den vorherigen auf. Alle Beispiele sind von Hand geschrieben und direkt in die Seiten eingebettet. Die Zeichenfläche zeigt, was der Browser aus dem Code darunter macht. Es gibt keine Bildschirmfotos von Ergebnissen, sondern immer die Grafik selbst. Sieht ein Beispiel in deinem Browser anders aus als beschrieben, liegt das am Browser und nicht an einem veralteten Bild.

Die Website selbst kommt ohne JavaScript, ohne Cookies und ohne Werbung aus. Schriften werden vom eigenen Server geladen.

Woher die Angaben stammen

Grundlage sind die Spezifikationen des W3C zu SVG 1.1 und SVG 2 sowie die Referenz bei MDN. Jahreszahlen und geschichtliche Angaben sind mit der Wikipedia abgeglichen. Am Ende jedes Kapitels stehen die Quellen, die für das jeweilige Thema am hilfreichsten sind. Die Fotos stammen von Wikimedia Commons und stehen unter freien Lizenzen, die Nachweise finden sich unter den Bildern und im Impressum.

Stand und Fehler

Die Inhalte wurden zuletzt am 10. Oktober 2026 durchgesehen. Browser entwickeln sich weiter, und was heute stimmt, kann sich in Details ändern. Wer einen Fehler findet oder ein Beispiel vermisst, kann sich gern über die Adresse im Impressum melden.

Zum Einstieg geht es hier zum Inhaltsverzeichnis des Tutorials.