Transparente PNGs sorgfältig vorbereiten
Gute Vorbereitung betrifft vor allem Randpixel, Farbübergänge und die spätere Anzeigegröße. Diese Prüfungen helfen, unnötige Nacharbeit zu erkennen.
Transparenz ist nicht dasselbe wie eine saubere Kontur
Bevor du eine PNG in SVG umwandeln lässt, betrachte sie auf unterschiedlichen Hintergründen. Eine scheinbar saubere Grafik auf Weiß kann auf Dunkelblau einen hellen Rand zeigen. Häufig liegen dort halbtransparente Pixel, die beim ursprünglichen Export mit einem hellen Hintergrund gemischt wurden. Sie gehören technisch zur Vorlage und können die Interpretation ihrer Kante beeinflussen. Prüfe deshalb auch schmale Spitzen, diagonale Linien und kleine Rundungen. Ist deine klarste Vorlage in einem anderen Rasterformat gespeichert, kannst du auch ein Bild in SVG umwandeln und JPEG, WebP oder GIF als Quelle verwenden.
Verwende nach Möglichkeit eine unveränderte Originaldatei. Mehrfaches Verkleinern, weiche Auswahlkanten und nachträgliches Schärfen können Konturen verändern. Falls du den Hintergrund vorher bereinigst, speichere eine separate Arbeitskopie und kontrolliere, ob feine Teile des Motivs erhalten bleiben. Ein Upload entfernt den Hintergrund nicht automatisch. Entscheide anhand der Vorschau, welche Flächen zum Motiv gehören und welche du korrigieren musst.
Den Kurven einer einfachen Blume folgen
Wiederholte Formen machen ungleichmäßige Kurven leichter sichtbar. Prüfe die Übergänge der Blütenblätter und ob die Mitte klar erkennbar bleibt.
Antialiasing und Farben sinnvoll beurteilen
Geglättete Rasterkanten bestehen oft aus mehreren ähnlichen Farbtönen. Diese Übergangspixel machen eine PNG bei ihrer ursprünglichen Größe angenehm lesbar; sie sind jedoch keine zusätzlichen Designelemente. Bei der Vektorisierung müssen daraus zusammenhängende Konturen werden. Beurteile die Kurven daher zuerst in der vorgesehenen Anzeigegröße und erst anschließend stark vergrößert. Eine minimale Abweichung an einem geglätteten Pixel ist anders zu bewerten als ein verlorener Innenraum.
Notiere vorab die Farben, die tatsächlich zur Gestaltung gehören. Bei einer einfachen Illustration können beispielsweise drei Hauptfarben wichtiger sein als jede Nuance am Rand. Vergleiche die resultierenden Flächen mit dieser Absicht. Prüfe Schatten und Verläufe im Ergebnis und bearbeite sie bei Bedarf weiter; eine Textnotiz allein entfernt sie nicht automatisch. Eine große Zahl kleiner Pfade macht die Grafik nicht automatisch nützlicher.
Das SVG im eigenen Layout prüfen
Kontrolliere nach der Generierung die Abstände zwischen einzelnen Formen. Auf transparentem Grund sind feine Lücken manchmal schwer erkennbar; im endgültigen Layout können sie deutlich auffallen. Teste die Grafik in ihrer kleinsten geplanten Größe sowie in einer größeren Darstellung. Achte auf abgeschnittene Ränder, ungleichmäßige Linien und das Gleichgewicht zwischen Motiv und freiem Raum.
Bewahre die ursprüngliche PNG als Vergleich auf. Wenn Schrift enthalten ist, prüfe jedes Zeichen und jede Aussparung einzeln; die optische Annäherung ersetzt keine typografische Kontrolle. Lade das SVG erst nach dieser Sichtprüfung für deine Website oder Designdatei herunter. Die skalierbaren Pfade vermeiden Rasterpixel beim Vergrößern, ergänzen aber keine fehlenden Informationen aus der Vorlage. Willst du ein Logo in SVG umwandeln, gehören außerdem Buchstabenformen, Zeichenabstände und verbindliche Markenfarben in die abschließende Kontrolle.