Bildformat

SVG

XML-Vektorgrafik mit Formen, Text und optionaler Animation. Rasterexport legt eine konkrete Pixelauflösung fest.

Format entdecken

Über SVG

Scalable Vector Graphics

SVG ist eine W3C-Sprache für zweidimensionale Grafik in XML. Pfade, Formen, Text, Verläufe und Transformationen beschreiben die Zeichnung statt nur ein Pixelarray zu speichern. Es dient skalierbaren Diagrammen, Oberflächensymbolen und Illustrationen für unterschiedliche Größen.

Deckkraft, Beschneidung und Masken erzeugen transparente Kompositionen. SVG kann Rasterbilder, Schriften, Stile und externe Ressourcen referenzieren; diese Abhängigkeiten beeinflussen die Portabilität. Animation und Skripte sind in passenden Kontexten möglich; als statisches Bild gelten gegebenenfalls Einschränkungen.

SVG eignet sich für Diagramme, Logos und Symbole mit sauber skalierenden Formen. Ein eingebettetes Foto bleibt Rasterdaten und erhält keine Vektordetails. Wählen Sie beim PNG- oder JPEG-Export Maße, Schriften und Hintergrund; Rendering reduziert Vektor-, Text- und Animationssemantik auf Pixel.

Wichtige Eigenschaften

Kompression
Kein Pixelcodec
Transparenz
Ja
Animation
Ja
Dateiendungen
.svg
MIME-Typ
image/svg+xml
Metadaten
XML-Metadaten, title, desc
Geeignet für
Diagramme & skalierbare Symbole
Vektorgrafik
Pfade, Formen & Text

SVG beschreibt Geometrie statt eines Pixelcodecs mit oder ohne Verlust. XML lässt sich für Transport komprimieren; Rasterisierung ist ein eigener Schritt mit fester Auflösung und möglichem Verlust der Bearbeitbarkeit.

Geschichte von SVG

SVG entwickelt sich über W3C-Spezifikationen für strukturierte Webgrafik; spätere Revisionen richten sich stärker an der Webplattform aus.

  1. 2001

    SVG 1.0

    SVG 1.0 wird W3C-Empfehlung und definiert XML für Vektorgrafik, Text und eingebettete Rasterbilder.

  2. 2003

    SVG 1.1

    SVG 1.1 überarbeitet und modularisiert die Spezifikation bei erhaltenem Grafikmodell. Module beschreiben Funktionen für unterschiedliche Implementierungsprofile.

  3. 2011

    SVG 1.1 Zweite Ausgabe

    Die zweite Ausgabe erscheint am 16. August 2011 als Empfehlung mit Klarstellungen und Korrekturen, nicht als neues Rasterformat.

  4. 2018

    SVG 2 Candidate Recommendation

    Das SVG-2-Dokument vom 4. Oktober 2018 ist eine Candidate Recommendation. Es aktualisiert CSS- und DOM-Integration; dieser Status ist keine abgeschlossene W3C-Empfehlung.

SVG im Vergleich

Verschiedene Formate, verschiedene Stärken. Wählen Sie passend zum Bild und zum Workflow.

PNG

SVG vs PNG

PNG speichert dekodierte Pixel verlustfrei und kann Alpha enthalten. Es eignet sich für transparente Grafiken und Screenshots, bewahrt aber keine bearbeitbaren Dokumentebenen oder Kamerarohdaten. Fotodateien können groß werden.

PDF

SVG vs PDF

PDF erhält Seitenbeschreibungen mit Text, Vektorpfaden und Rasterbildern. Es passt zu Dokumenten mit festem Layout. Bildextraktion oder Rasterisierung erfordert die Wahl von Seite, Auflösung und Farbbehandlung.

WebP

SVG vs WebP

WebP verbindet verlustbehaftete oder verlustfreie 8-Bit-Bildkodierung mit Alpha und Animation. Es eignet sich für Webausgabe mit diesen Funktionen; hochpräzise Werte und bearbeitbare Quellstrukturen benötigen ein anderes Arbeitsformat.

ICO

SVG vs ICO

ICO bündelt mehrere Symbolgrößen in einer Ressource. Es eignet sich für Windows-Anwendungssymbole und kompatible Favicons; für ein einzelnes großes Bild ist ein allgemeines Bildformat einfacher. Beim Symbolexport müssen Größen gewählt werden.

SVG FAQ

Was speichert dieses Format?

SVG ist eine W3C-Sprache für zweidimensionale Grafik in XML. Pfade, Formen, Text, Verläufe und Transformationen beschreiben die Zeichnung statt nur ein Pixelarray zu speichern. Es dient skalierbaren Diagrammen, Oberflächensymbolen und Illustrationen für unterschiedliche Größen.

Wie beeinflusst die Kompression die Qualität?

SVG beschreibt Geometrie statt eines Pixelcodecs mit oder ohne Verlust. XML lässt sich für Transport komprimieren; Rasterisierung ist ein eigener Schritt mit fester Auflösung und möglichem Verlust der Bearbeitbarkeit.

Wird ein Foto durch SVG-Konvertierung skalierbar?

Einbetten umschließt nur Rasterpixel. Die Rekonstruktion von Pfaden erfordert Nachzeichnen und bildet beliebige Fotodetails nicht exakt nach.

Was muss ich vor dem Öffnen beachten?

Prüfen Sie Schriften, verknüpfte Bilder, Filter und Verarbeitungsmodus. Eigenständiges interaktives SVG und dieselbe Datei im Bildelement können unterschiedliche Funktionen bieten.

Was ändert sich beim Export in ein anderes Format?

Rasterexport wählt Maße und einen statischen Zustand. Pfade und bearbeitbarer Text gehen verloren; JPEG reduziert zusätzlich Transparenz. Eingebettete Rasterbilder begrenzen Details bei Vergrößerung.

Wann ist dieses Format sinnvoll?

SVG eignet sich für Diagramme, Logos und Symbole mit sauber skalierenden Formen. Ein eingebettetes Foto bleibt Rasterdaten und erhält keine Vektordetails. Wählen Sie beim PNG- oder JPEG-Export Maße, Schriften und Hintergrund; Rendering reduziert Vektor-, Text- und Animationssemantik auf Pixel.

Quellen