Was SVG von anderen Bildformaten unterscheidet
Die meisten Bildformate speichern Bilder als Raster farbiger Pixel. SVG (Scalable Vector Graphics) speichert Bilder als mathematische Beschreibungen von Formen – Linien, Kurven, Kreise und Pfade. Das heißt, ein SVG kann auf jede Größe skaliert werden, vom 16×16-Favicon bis zur Werbetafel, ohne Schärfeverlust. Die Dateigröße bleibt außerdem unabhängig von der Anzeigegröße konstant.
Wo SVG glänzt
- Logos – sehen auf allen Bildschirmauflösungen perfekt aus, inklusive hochdichter Displays
- Icons – winzige Dateigrößen und unendliche Skalierbarkeit machen SVG zum idealen Icon-Format
- Illustrationen und Diagramme – Diagramme, Karten und technische Zeichnungen bleiben in jeder Zoomstufe scharf
- Animationen – SVG-Elemente können mit CSS animiert werden und erzeugen leichte animierte Grafiken
- Barrierefreiheit – SVG-Text kann von Screenreadern gelesen werden, anders als Text in Rasterbildern
Wann du SVG nicht nutzen solltest
SVG eignet sich nicht für Fotos oder komplexe Bilder mit Verläufen und Tausenden von Farbabstufungen. Ein Foto, das als SVG-Formen dargestellt wird, wäre riesig und langsam zu rendern. Nutze WebP oder AVIF für fotografische Inhalte.
In und aus SVG konvertieren
Um ein Raster-Logo in einen SVG-Container zu konvertieren, nutze unseren PNG-zu-SVG-Konverter. Beachte, dass dies das Rasterbild in eine SVG-Datei einbettet – es führt kein Vektor-Tracing durch. Für echte Vektorpfade aus einem Rasterbild brauchst du ein dediziertes Tracing-Tool wie Inkscape oder Adobe Illustrator.
Um SVG in Rasterformate zu konvertieren für Kontexte, die kein SVG unterstützen – E-Mail-Clients, Social Media, bestimmte Apps –, nutze unsere SVG-zu-PNG-, SVG-zu-JPG- oder SVG-zu-WebP-Konverter.
SVG als Favicon
Moderne Browser unterstützen SVG-Favicons, die mit einer einzigen Datei auf allen Displays scharf aussehen. Der empfohlene Ansatz 2026 ist, ein SVG-Favicon für moderne Browser und eine ICO-Datei als Fallback bereitzustellen. Erstelle das ICO aus deinem Logo-PNG mit unserem PNG-zu-ICO-Konverter.
Häufige Fragen
- Sollte ich SVG oder PNG für mein Website-Logo nutzen?
- SVG fürs Web – es sieht auf Retina-Displays perfekt aus und ist bei gleicher visueller Qualität typischerweise deutlich kleiner als ein PNG. Behalte eine PNG-Version für Dokumente, Präsentationen und Anwendungen, die kein SVG unterstützen.
- Können SVG-Dateien Malware enthalten?
- SVG ist ein XML-Format und kann technisch Skripte enthalten. Öffne SVG-Dateien aus nicht vertrauenswürdigen Quellen niemals direkt im Browser und bereinige SVG, bevor du von Nutzern hochgeladene SVGs in deine Website einbettest.
- Warum wird mein SVG als defektes Bild angezeigt?
- SVG-Dateien müssen mit dem korrekten MIME-Typ (
image/svg+xml) ausgeliefert werden. Prüfe deine Serverkonfiguration, wenn SVG-Dateien als defekte Bilder angezeigt werden oder heruntergeladen statt angezeigt werden.