Warum ist mein SVG unscharf? Häufige Ursachen und Lösungen
SVGs sind Vektordateien, daher sollten sie bei keiner Größe an Schärfe verlieren. Wirkt Ihr SVG dennoch unscharf, läuft irgendetwas Bestimmtes schief — so finden Sie die Ursache.
Ihr „SVG" ist vielleicht in Wirklichkeit ein Rasterbild
Die häufigste Ursache: Manche Tools erzeugen eine SVG-Datei, die lediglich ein Base64-codiertes PNG oder JPEG in einem `<image>`-Tag verpackt, statt echte Vektorpfade nachzuzeichnen. Sie hat die Endung .svg, ist im Kern aber weiterhin ein Rasterbild und wird beim Skalieren genauso unscharf wie ein PNG. Öffnen Sie die Datei in einem Texteditor — sehen Sie eine lange Base64-Zeichenkette statt `<path>`-Elementen, haben Sie die Antwort gefunden. Warum diese Unterscheidung wichtig ist, erfahren Sie unter PNG vs. SVG.
Das Tracing wurde bei einem verrauschten Bild auf sehr hohes Detail eingestellt
Widersprüchlich, aber wahr: Zeichnet man ein minderwertiges oder stark komprimiertes Ausgangsbild mit sehr hohem Detailgrad nach, kann das eine riesige Anzahl winziger, gezackter Pfadsegmente erzeugen, die eher rau als glatt wirken — das Tracing gibt schlicht das Rauschen der Originaldatei originalgetreu wieder. Versuchen Sie es erneut mit einem saubereren Ausgangsbild, oder erhöhen Sie die Glättungseinstellung, damit der Algorithmus weniger, glattere Kurven bevorzugt.
Das SVG wird irgendwo in Ihrer Verarbeitungskette rasterisiert
Manche Plattformen (bestimmte CMS-Bildhandler, ältere Browser oder Exporteinstellungen in Designprogrammen) wandeln ein SVG vor der Anzeige in ein Rasterbild fester Auflösung um — ab diesem Moment erbt es alle Skalierungsprobleme eines PNGs. Prüfen Sie, ob die von Ihnen genutzte Plattform eine Option bietet, SVG nativ auszuliefern oder einzubetten, statt es umzuwandeln.
So beheben Sie das Problem
- Zeichnen Sie das Original-PNG erneut mit einem Tool nach, das echte Pfaddaten ausgibt — probieren Sie den kostenlosen PNG-zu-SVG-Konverter aus und prüfen Sie das Ergebnis, bevor Sie es verwenden.
- Wirkt der Detailgrad gezackt, erhöhen Sie die Glättungseinstellung und laden Sie erneut herunter.
- Rasterisiert eine Plattform Ihr SVG bei der Anzeige, suchen Sie nach einer Einstellung, es als natives SVG statt als umgewandeltes Bild einzubetten oder zu verlinken.
Häufig gestellte Fragen
Wie kann ich schnell prüfen, ob mein SVG wirklich Vektorgrafik ist?
Öffnen Sie die Datei in einem Texteditor und suchen Sie nach `<path>`, `<circle>` oder ähnlichen Formelementen. Sehen Sie stattdessen eine lange Base64-Zeichenkette innerhalb eines `<image>`-Tags, handelt es sich um ein Rasterbild mit SVG-Endung.
Wird ein SVG unscharf, wenn ich im Browser hineinzoome?
Nein — ein echtes Vektor-SVG bleibt bei jeder Zoomstufe im Browser scharf. Wird es beim Hineinzoomen unscharf, handelt es sich sehr wahrscheinlich um ein Rasterbild statt echter Vektorpfade.
Bereit, Ihr eigenes Bild zu konvertieren? png to svg converter.
png to svg converterWeitere Artikel
Warum sich eine echte Vektordatei so anders verhält als eine Rasterdatei.
Ein Anwendungsfall, bei dem ein gefälschtes, rasterverpacktes SVG komplett versagt.