Was ist SVG? Das Vektorformat verständlich erklärt
Was ist SVG? Wie SVG-Vektorgrafiken funktionieren, worin sie sich von PNG und JPG unterscheiden, ihre Stärken und Grenzen, typische Einsatzbereiche sowie das Öffnen und Bearbeiten von SVG-Dateien.
1. Was ist SVG?
SVG steht für Scalable Vector Graphics (skalierbare Vektorgrafik) und ist ein offenes, auf XML basierendes Format für Vektorgrafiken, das vom W3C standardisiert wurde. Wo PNG und JPG ein Bild als Pixelraster speichern, beschreibt SVG Formeln mit mathematischen Mitteln: Eine gerade Linie, ein Kreis, eine Bézier-Kurve – jede wird als Koordinaten und Pfadbefehle in die Datei geschrieben.
Genau deshalb wird ein SVG beim Vergrößern nie unscharf: Der Browser zeichnet die Formeln lediglich in der neuen Größe neu, statt Pixel zu dehnen. Das ist die Bedeutung des Wortes „Vektor“.
2. SVG und PNG / JPG im Vergleich
| Aspekt | SVG | PNG / JPG |
|---|---|---|
| Speicherung | Mathematische Pfade (Vektor) | Pixelraster (Bitmap) |
| Beim Vergrößern | Beliebig skalierbar ohne Verlust | Treppenstufen und Unschärfe |
| Dateigröße | Winzig bei einfachen Grafiken (wenige KB) | Wächst linear mit der Auflösung |
| Bearbeitbarkeit | Text editierbar, einfärbbar, animierbar | Erfordert Bildbearbeitungssoftware |
| Geeignet für | Symbole, Logos, Illustrationen, Diagramme | Fotos und komplexe Lichtsetzung |
3. Typische Einsatzbereiche von SVG
- Website-Symbole und Logos: Ein einziges SVG passt zu allen Bildschirmdichten und bleibt auf Retina-Displays gestochen scharf;
- Illustrationen und Diagramme: Datenvisualisierungs-Bibliotheken wie ECharts und Recharts erzeugen standardmäßig SVG;
- Druck und Gravur: Lasergravierer, Plotter und UV-Drucker akzeptieren SVG-Pfade vielfach;
- Animation: SVG-Pfade lassen sich direkt mit CSS / SMIL / JavaScript ansteuern, was etwa Strichzeichnungs-Effekte ermöglicht.
4. Wie öffnet und bearbeitet man eine SVG-Datei?
Browser (Chrome / Edge / Firefox / Safari) öffnen SVG-Dateien direkt; Designprogramme wie Illustrator, Figma oder das kostenlose Inkscape bearbeiten sie. Wenn Sie nur eine Farbe ändern, einen Hintergrund entfernen oder eine Stelle löschen möchten, nutzen Sie den Online-SVG-Editor von PolySVG – ganz ohne Installation.
5. Wie wird aus meinem PNG / JPG ein SVG?
Verwenden Sie das PolySVG-Tool „Bild in SVG“: Nach dem Upload des Rasterbilds übernimmt das eigene Modell automatisch Farbquantisierung, Konturverfolgung und Kurvenanpassung und liefert in wenigen Sekunden ein bearbeitbares SVG – mit Hintergrundentfernung per Klick. Der gesamte Ablauf ist kostenlos und erfordert keine Registrierung.
Kurz gesagt: SVG ist ein Format, das „mit Formeln zeichnet“, und eignet sich daher von Natur aus für Symbole, Logos und alles, was skaliert werden muss; für Fotos bleiben JPG / WEBP die bessere Wahl.
Häufige Fragen
Womit öffnet man eine SVG-Datei?
Jeder moderne Browser zeigt sie direkt an. Zum Bearbeiten eignen sich Illustrator, Figma oder Inkscape – oder Sie nutzen den Online-Editor von PolySVG, ganz ohne Installation.
Kann man SVG in PNG umwandeln?
Ja. Der PolySVG-Editor exportiert SVG in beliebiger Auflösung als PNG; ein Browser-Screenshot oder der Export aus einem Designprogramm leistet dasselbe.