JPG in SVG umwandeln

Ist die Datei ein Foto — eine Person, ein Produkt auf einem Tisch, ein Gebäude, eine Landschaft, alles, was eine Kamera gesehen hat —, liefert das Nachzeichnen keine skalierbare Version davon. Es gibt nichts darin, das skaliert werden könnte. Ein Foto ist ein durchgehendes Farbfeld ohne Grenzen, und der Nachzeichner muss erst Grenzen erfinden, bevor er überhaupt etwas zeichnen kann — indem er das Bild auf eine Handvoll flacher Farben reduziert.

Was zurückkommt, sieht aus wie ein Siebdruck-Poster des eigenen Fotos, und es ist größer. Am eigenen Beispielfoto dieser Seite wurden aus 8.924 Byte JPG bei der Standardeinstellung von acht Farben 200.835 Byte SVG — zweiundzwanzigmal so groß, und sichtbar schlechter. Beide Seiten dieser Rechnung sind schlecht, was ungewöhnlich ist: Die meisten Kompromisse auf dieser Seite geben etwas im Gegenzug. Dieser hier, bei diesem Ausgangsmaterial, gibt nichts. Der Rest der Seite gilt den beiden Arten von Besuchern, für die das nicht die ganze Geschichte ist.

In Deutschland gibt es eine große Bastelszene rund um Cricut- und Silhouette-Cameo-Schneideplotter, im Hobbyjargon "Plotten" genannt — YouTube-Kanäle, Facebook-Gruppen und ganze Etsy-Shops leben davon, aus eigenen Motiven Aufkleber, T-Shirt-Folien oder Fensterdekoration zu schneiden. Genau für diese Zielgruppe ist ein posterisiertes Foto kein Fehler, sondern eine Technik: Soll aus einem Familienfoto ein zweifarbiges Textilmotiv oder eine Schablone werden, sind die flachen Flächen, die der Nachzeichner erfindet, genau das, was der Schneideplotter braucht.

Für diese Aufgabe mit vier statt acht Farben arbeiten. Vier ergibt große, meist geschlossene Flächen, denen ein Plotter folgen kann; acht erzeugt schon die zersplitterten Inseln, die eine Schnittdatei unbrauchbar machen. Anschließend das Ergebnis in Inkscape öffnen und die Krümel löschen — es wird welche geben, und auf einem Plotter ist jeder Krümel ein echter Schnitt. Die gemessene Anzahl an Formen zeigt das Ausmaß: Das Beispielfoto ergab bei vier Farben 246 Pfade, bei zweiunddreißig 3.897 — kein Motiv, das jemand von Hand aufräumen will.

JPEG macht zwei Dinge, die hier zählen und die keine andere Quelle in diesem Formatbündel macht. Es speichert Farbinformation bei halber Auflösung der Helligkeit, und es komprimiert in Achtmal-acht-Pixel-Blöcken. Beides ist bei normaler Betrachtungsgröße unsichtbar und beides ist Struktur, also behandelt der Nachzeichner es wie Bildinhalt.

Das Ergebnis sind dünne Umrisslinien entlang jeder harten Kante durch Ringing und ein schwaches Raster über eigentlich flachen Flächen durch die Blockgrenzen. Ein einmal in hoher Qualität gespeichertes JPG zeigt davon wenig, ein JPG, das zweimal durch eine Messenger-App gelaufen ist, deutlich mehr. Existiert noch Zugang zur Datei vor der Kompression — der ursprüngliche PNG-Export, die Datei aus der Designagentur —, lohnt es sich, die stattdessen nachzuzeichnen, denn der Unterschied ist größer als jede Einstellung auf dieser Seite.

Das ist der häufigste ehrliche Grund, hier zu landen: Die Originalgrafik ist verloren, übrig ist ein Foto eines Schilds, eines Briefkopfs, einer Visitenkarte oder einer alten Broschüre. Das nachzuzeichnen ist sinnvoll, und es lohnt sich, vorher an der Fotografie selbst zu arbeiten, weil nichts danach etwas retten kann.

Gleichmäßig ausleuchten, ohne Schatten über dem Motiv, frontal fotografieren statt schräg, den Bildrahmen mit dem Zeichen allein füllen, und das Papier vor dem Umwandeln wegschneiden. Dann mit vier Farben und weicher Detailstufe nachzeichnen. Papierstruktur und Sensorrauschen sind der Feind, und beides wird durch ein besseres Foto weit stärker reduziert als durch jede Einstellung hier. Zu erwarten ist ein Ergebnis, das nah genug ist, um daraus neu zu zeichnen, nicht nah genug, um es direkt zu verwenden.

Die Farbeinstellung bestimmt, auf wie viele flache Bereiche das Bild reduziert wird, bevor überhaupt umrissen wird, und bei einer fotografischen Quelle ist es die einzige Einstellung, die das Ergebnis um eine ganze Größenordnung verändert. Vier für ein Poster oder eine Schnittdatei, acht nur, wenn vier das Motiv sichtbar verliert, sechzehn und zweiunddreißig praktisch nie.

Der Preis fürs Erhöhen ist nicht sanft. Jede zusätzliche Farbe ist ein komplett neuer Satz an Flächen zum Umranden, und bei durchgehendem Bildton ist jede dieser Flächen eine ausgefranste Insel statt einer Form. Das Beispielfoto lag bei 101.709 Byte mit vier Farben, 200.835 mit acht, 557.618 mit sechzehn und 1.137.963 mit zweiunddreißig — ein elffacher Anstieg für ein Bild, das immer noch kein Foto ist. Flaches Artwork verhält sich in nichts davon so, was das klarste Zeichen ist, dass ein Foto die falsche Eingabe ist und keine falsch eingestellte.

Die Detaileinstellung steuert, wie eng jede Umrisslinie dem Pixelraster folgt und ab welcher Größe eine Form ganz verworfen wird. Weich erlaubt eine lockerere Anpassung und verwirft alles unter sechzehn Pixeln; scharf folgt dem Raster eng und behält Formen bis zu zwei Pixeln; ausgewogen liegt als Standard dazwischen.

Bei einem Foto ist weich richtig, und scharf ist praktisch nutzlos. Sensorrauschen und JPEG-Ringing sind genau die Formen unter sechzehn Pixeln, die weich verwirft, und scharf ist die Anweisung, jede einzelne davon zu behalten. Was keine Einstellung tut, ist das Bild vorher weichzuzeichnen: Der Weichzeichnungsradius bleibt durchgehend bei null, weil ein weicheres Bild zwar Krümel reduzieren würde, aber auch die wenigen echten Kanten glättet, die das Motiv hat.

Alles über 1.600 Pixel an der längsten Kante wird zuerst verkleinert. Der Aufwand des Nachzeichnens wächst mit der Anzahl der Kanten, nicht mit der Pixelzahl, und eine Zwölf-Megapixel-Kameraaufnahme hat fast überall eine Kante — unverändert könnte das Nachzeichnen zehn Sekunden dauern und eine mehrere Megabyte große Datei ergeben.

Das kostet weniger, als es klingt. Die Ausgabe ist auflösungsunabhängig, ein bei 1.600 Pixeln nachgezeichnetes Motiv sieht bei jeder Größe gleich aus wie dasselbe Motiv bei 4.000 Pixeln — es ändert sich nur, wie eng die Umrisse dem ursprünglichen Raster folgen. Bei einem Foto hilft die Reduktion sogar aktiv, weil sie genau das Sensorrauschen weg-mittelt, das sonst zu Formen würde. Es bedeutet auch, dass eine 24-Megapixel-Datei kein Mehr an Detail liefert als eine 8-Megapixel-Datei — es gibt also keinen Grund, das Original in voller Größe hochzuladen.

Eine Liste gefüllter Pfade, einer je Fläche, in Schichten übereinander gestapelt, jeder mit einer Volltonfüllung und einem passenden einen Pixel breiten Rand. Es gibt keine Gruppen, keine Namen, keine Textelemente und keine Struktur: Nichts in der Datei entspricht "das Dach" oder "der Buchstabe A", nur einer Fläche, die nach der Farbreduktion zufällig eine Farbe hatte.

Das zählt fürs Bearbeiten. Inkscape, Illustrator und Figma öffnen die Datei alle und lassen jede Form auswählen, umfärben, verschieben oder löschen — für ein vierfarbiges Poster ist das ein machbarer Nachmittag. Für eine zweiunddreißigfarbige Nachzeichnung eines Fotos ist es das nicht: dreitausend überlappende, unbenannte Flecken sind schwerer zu bearbeiten als eine leere Fläche. Durchsichtigkeit, wo das JPG von vornherein keine hatte, wird als Deckkraft-Attribut auf den betroffenen Pfaden geschrieben, nicht als Alphakanal — relevant nur, wenn die SVG später über etwas anderes gelegt wird.

Wird das Bild beim Vergrößern weich, löst kein Format das, SVG am wenigsten — dann hilft nur das größte vorhandene Original. Wird bei jedem erneuten Speichern weiter Qualität verloren, stoppt eine Umwandlung nach PNG genau das: PNG ist verlustfrei, es geht nichts mehr verloren, auch wenn bereits Verlorenes nicht zurückkommt.

Verlangt eine Druckerei oder eine Designabteilung ausdrücklich Vektorgrafik, ist die Antwort ein Neuzeichnen, kein Nachzeichnen. Ein einfaches Wortzeichen dauert in Inkscape zwanzig Minuten und ergibt eine Datei mit echten Kurven, echtem Text und echter Struktur — genau das, was mit "Vektor" gemeint war. Eine Nachzeichnung eines Fotos erfüllt nur die Dateiendung, und jede Designerin, die sie erhält, wird das auch so sagen.

Das JPG wird im Browser dekodiert, skaliert und nachgezeichnet. Nichts wird hochgeladen, es gibt kein Konto und kein Tageslimit — das zählt hier mehr als bei den meisten anderen Seiten, weil die Fotos, die Menschen zu vektorisieren versuchen, häufig die eigene Arbeit, die eigene Familie oder die Marke eines Kunden zeigen.

Nachgezeichnet wird mit imagetracerjs — 46 KB, reines JavaScript, unter der Unlicense veröffentlicht. Es ist nicht der beste Nachzeichner überhaupt: potrace und autotrace liefern sauberere Kurven und stehen unter GPL, VTracer ist noch besser und sauber lizenziert, aber seine einzige Browser-Verpackung nennt gar keine Lizenz, was dieses Projekt als blockiert behandelt statt als erlaubt. Bei flacher Grafik ist der Unterschied zwischen ihnen gering. Bei einem Foto erzeugen alle vier eine posterisierte Kopie, die Wahl des Nachzeichners steht also nicht zwischen einem guten und einem schlechten Ergebnis.