SVG verpixelt? Eingebettete Bilder erkennen und richtig reparieren
Finde die Ursache einer unscharfen SVG: eingebettete PNGs, Vorschaubilder, Filter oder Exportgröße. So reparierst du die Datei ohne unnötiges Nachzeichnen.
Kurzantwort
Eine SVG kann ein Pixelbild statt bearbeitbarer Konturen enthalten. Prüfe die tatsächliche Datei mit dem SVG-Design-Check, nicht nur ihre Endung. Ist das Logo ein eingebettetes PNG oder JPEG, vektorisiere das beste Original. Besteht es bereits aus sauberen Pfaden, untersuche zuerst Vorschau und Exporteinstellungen.
Vier Ursachen für eine unscharfe SVG
| Beobachtung | Mögliche Ursache | Sinnvolle Lösung |
|---|---|---|
| Sichtbare Blöcke beim Zoomen | Eingebettetes Pixelbild | Original in echte Pfade umwandeln |
| Browser scharf, Shopvorschau weich | Verkleinertes Vorschaubild | Gelieferte Datei separat öffnen |
| Nur Schatten wirken weich | Weichzeichner oder Rastereffekt | Effekt gezielt behalten oder entfernen |
| Exportiertes PNG ist unscharf | Zu geringe Pixelabmessungen | In passender Größe neu exportieren |
SVG ist ein Dateiformat, kein automatischer Qualitätsnachweis. Eine Fotografie lässt sich darin einbetten, ohne eine einzige Kontur nachzuzeichnen. Ein image-Element ist deshalb ein wichtiger Hinweis. Es bedeutet aber nicht, dass sämtliche Inhalte Rastergrafiken sind: gemischte Dokumente können Bilder und echte Vektorelemente enthalten. Auch Kreise, Rechtecke und Text benötigen nicht zwingend ein path-Element.
Die Datei in fünf Minuten überprüfen
- Öffne die heruntergeladene SVG direkt im Browser, außerhalb der Shopvorschau.
- Vergrößere eine Rundung und einen kleinen Buchstaben. Vergleiche dieselbe Stelle im Vektoreditor.
- Prüfe eingebettete Bilder und ordne sie dem sichtbaren Motiv zu.
- Ist das Logo ausschließlich ein Pixelbild, verwende das beste Original in Bild zu SVG. Ein Screenshot der unscharfen Vorschau verschlechtert die Ausgangslage.
- Öffne das Ergebnis erneut. Kontrolliere Buchstabeninnenräume, schmale Lücken, Außenkonturen und transparente Bereiche.
Beim starken Vergrößern wird das feste Pixelraster einer kleinen Grafik sichtbar. Echte Vektorpfade lassen sich dagegen passend zur Anzeigegröße rendern. Nutze für die Konvertierung das größte verfügbare Original. Fehlen dort bereits Buchstabenformen oder kleine Zwischenräume, solltest du diese separat prüfen und korrigieren – der Dateiformatwechsel allein stellt sie nicht wieder her.
Eine gute Vektordatei nicht verschlechtern
- Zeichne vorhandene saubere Pfade nicht erneut nach.
- Benenne eine PNG-Datei nicht einfach in SVG um.
- Beurteile den Vektormaster nicht anhand eines kleinen PNG-Exports.
- Bewahre das unveränderte Original für spätere Korrekturen auf.
Für Webseiten kannst du mit SVG zu PNG passende Pixelabmessungen exportieren. Bei Schneideprojekten zählt dagegen, ob echte Schnittkonturen vorliegen. Ein scharfes Vorschaubild allein reicht dafür nicht.
Häufige Fragen
Darf eine SVG ein Foto enthalten?
Ja. Das ist sinnvoll, wenn das Foto Rastergrafik bleiben soll. Problematisch wird es erst, wenn bearbeitbare Konturen oder Schnittlinien erwartet werden.
Hilft eine höhere DPI-Zahl?
Nein. Sie ergänzt keine verlorenen Bilddetails. Sie betrifft physische Größen oder Rasterexporte, nicht die ursprüngliche geometrische Information.