PNG in SVG - Nachzeichnen, nicht Zurückverwandeln
Nichts kann eine PNG wieder in die Vektordatei verwandeln, aus der sie entstanden ist. Diese Information ist in dem Moment verloren, in dem ein Bild gerastert wird, und kein Werkzeug holt sie zurück. Nachzeichnen macht etwas anderes, und das sollte man vorher verstehen: Es betrachtet die Pixel, gruppiert sie zu flächigen Bereichen ähnlicher Farbe und zieht um jeden Bereich eine Umrisslinie. Bei einem Logo kommt das nahezu perfekt heraus, denn ein Logo besteht tatsächlich aus einer Handvoll Flächen. Bei einem Foto ist es ein Desaster, und diese Seite zeigt dir genau, wie groß eines. Jede Zahl unten ist durch dieses Werkzeug gemessen. Das Nachzeichnen läuft vollständig in deinem Browser - das Bild wird nie hochgeladen - und weil es das Langsamste ist, was wir tun, meldet es echten Fortschritt und lässt sich jederzeit abbrechen.
So verwendest du dieses Tool
PNG hineinziehen
Ziehe eine Datei auf das Feld oben oder klicke zum Auswählen, bis 20 MB. Die Datei wird nach ihrem Inhalt geprüft. Alles über 4000 Pixel Kantenlänge wird zuerst verkleinert, denn der Aufwand wächst schneller als die Pixelzahl.
Farbanzahl einstellen
Das ist der entscheidende Regler. Zwei Farben ergeben ein sauberes Schwarzweiß-Ergebnis, ideal für ein schwarzes Logo. Sechs bis acht passen zu flächigen Illustrationen. Jede weitere Farbe bringt Pfade und Bytes, fang also niedrig an und erhöhe nur, bis die Vorschau nicht mehr besser wird.
Glättung und Mindestfläche anpassen
Die Glättung steuert, wie weit eine Kurve von den Pixeln abweichen darf, um einfach zu bleiben - höher ist glatter und kleiner, zu hoch rundet Ecken ab. Die Mindestfläche verwirft Bereiche unter einer Pixelzahl, was Sprenkel aus Scans und komprimierten Quellen beseitigt.
Vorher und nachher vergleichen
Die beiden Felder zeigen Original und Ergebnis nebeneinander, darunter Ausgabegröße und Pfadanzahl. Die Pfadanzahl ist das ehrliche Komplexitätsmaß: Ein gutes Logo-Ergebnis hat eine Handvoll, dreistellige Zahlen bedeuten, dass der Nachzeichner Detail jagt, das er nicht gut darstellen kann.
SVG kopieren oder herunterladen
Kopiere den Quelltext direkt in die Zwischenablage zum Einfügen, oder lade ihn als Datei herunter. Bei großen Bildern dauert das Nachzeichnen Sekunden, und der Abbrechen-Knopf stoppt die Arbeit wirklich, statt sie nur zu verstecken.
Häufig gestellte Fragen
Bekomme ich meine ursprüngliche Vektordatei zurück?
Nein, und kein Werkzeug kann das. Das Rastern wirft die Formen weg und behält nur ein Farbraster, das Nachzeichnen muss also neue Umrisse aus diesen Pixeln raten. Das Ergebnis nähert das Bild an - bei flächiger Grafik oft sehr genau - aber es ist eine neue Zeichnung und nicht die, mit der du angefangen hast.
Wie gut funktioniert das bei einem Logo?
Sehr gut, und meist wird es sogar kleiner. Ein gemessenes schwarzes Logo mit 400 × 400 ging von einer 7,7 KB großen PNG auf eine 1,9 KB große SVG aus nur vier Pfaden - in jeder Zoomstufe schärfer und weniger als ein Drittel der Größe. Zwei Farben sind für solche Grafik die richtige Einstellung.
Was passiert, wenn ich ein Foto nachzeichne?
Du bekommst etwas Großes, das schlechter aussieht als der Ausgangspunkt. Ein gemessenes 14,1 KB großes Foto kam als 151,5 KB große SVG mit 607 Pfaden heraus - über zehnmal größer und sichtbar fleckig. Das Werkzeug erkennt das an der Farbvielfalt der Eingabe und warnt dich vorher.
Warum ist meine nachgezeichnete SVG größer als die PNG?
Weil die beiden Formate für Unterschiedliches bezahlen. Eine PNG komprimiert wiederkehrende Pixel sehr günstig; eine SVG muss für jeden Umriss Koordinaten ausschreiben. Unser flächiger Sechsfarbtest ging von einer 6,3 KB großen PNG auf eine 16,2 KB große SVG - größer, aber jetzt auflösungsunabhängig, und genau deswegen wolltest du sie meist.
Wie viele Farben soll ich wählen?
Weniger als du denkst. Bei derselben flächigen Illustration ergaben zwei Farben 622 Bytes und 2 Pfade, acht ergaben 16,2 KB und 120 Pfade, sechzehn ergaben 24,2 KB und 185 Pfade. Der sichtbare Unterschied zwischen acht und sechzehn war gering, die Datei dagegen um die Hälfte größer.
Wann ist Nachzeichnen das richtige Werkzeug?
Logos, Strichgrafik, Stempel und Unterschriften, Siebdruck- und Stickvorlagen und alles, was zu einem Laser- oder Folienschneider geht - diese Maschinen brauchen Pfade, keine Pixel. Gemeinsam ist all dem flächige Farbe mit sauberen Kanten, ohne Verläufe und weiche Schatten.
Wann sollte ich es lassen?
Bei Fotos, bei allem mit Verläufen, Schlagschatten oder Unschärfe, und bei Screenshots von Text. Das alles lebt von weichen Übergängen, die Flächen nicht darstellen können, du bekommst also Streifenbildung und eine mehrfach größere Datei. Komprimiere lieber das Original.
Bleibt die Transparenz erhalten?
Teilweise. Vollständig transparente Flächen werden als leer nachgezeichnet statt als Farbe, ein Logo auf transparentem Grund bleibt also sauber. Halbtransparente Pixel werden in die nächstliegende Flächenfarbe eingerechnet, denn ein nachgezeichneter Bereich hat genau eine Füllung - weiche Kanten und ausgefranste Schatten kommen nicht durch.
Wird mein Bild zum Nachzeichnen hochgeladen?
Nein. Das gesamte Nachzeichnen läuft in einem Web Worker in deinem Browser, deshalb bleibt die Oberfläche währenddessen auch bedienbar. Dein Bild wird nie an einen Server geschickt, nie gespeichert und nie von uns gesehen - und Abbrechen beendet die Arbeit wirklich, statt einen Auftrag auf fremder Hardware liegen zu lassen.
Warum gibt es eine Grenze bei 4000 Pixeln?
Weil darüber niemand etwas gewinnt. Der Aufwand wächst schneller als die Pixelzahl, und das zusätzliche Detail bringt vor allem Pfade statt Genauigkeit - eine größere Eingabe erzeugt eine größere, langsamere SVG, die kaum anders aussieht. Alles Längere wird vorher verkleinert, und das Feld sagt dir, wenn das passiert ist.
Das könnte dich auch interessieren
Funktioniert etwas nicht? Fehler melden