LeitfadenOct 11, 20268 Min. Lesezeit

PNG in Vektor umwandeln. PNG zu Vektor – was die Auto-Nachzeichnung kann und was ihr entgeht.

Nichts in einem PNG ist ein Pfad. Eine Umwandlung in Vektor heißt daher, das Artwork als Geometrie neu aufzubauen – entweder durch einen Algorithmus, der die Kanten errät, oder durch einen Designer, der es neu zeichnet. Ist Ihr PNG flächig, groß und für einen unkritischen Einsatz bestimmt, liefert der Bildnachzeichner in Illustrator oder „Bitmap nachzeichnen“ in Inkscape eine brauchbare Datei. Ist es klein, enthält es Schrift, die exakt sitzen muss, oder geht es an Plotter, Presse oder Stickmaschine, ist eine manuelle Neuzeichnung der kürzere Weg zu einem Ergebnis, das in der Produktion funktioniert.

Vorher und nachher: ein verpixeltes PNG-Logo als Vektorpfade neu aufgebaut, überflüssige Ankerpunkte reduziert und weiche PNG-Kanten scharf nachgezeichnet
  1. Prüfen, was für ein PNG vorliegt

    Auf 400 % oder mehr zoomen. Flächige Farben mit harten Kanten lassen sich gut nachzeichnen. Ein weicher Saum aus Zwischenpixeln oder blockige Kompressionsartefakte geben dem Nachzeichner Rauschen zum Nachbilden.

  2. Den Weg nach dem Ziel wählen

    Auto-Nachzeichnung für saubere Marken mit unkritischem Einsatz. Manueller Neuaufbau für alles, was an Vinyl, Stickerei, Siebdruck oder CNC geht.

  3. Vor der Produktion prüfen

    Geschlossene Pfade, Schrift in Pfade umgewandelt, getrennte Farben, vernünftige Ankerpunktzahl. Rohe Auto-Ausgabe scheitert meist an mindestens einem Punkt – und die Maschine ist der falsche Ort, das zu merken.

Was die Umwandlung von PNG in Vektor wirklich bedeutet

Ein PNG ist ein Pixelraster. Eine Vektordatei ist eine Menge mathematischer Pfade. Beide Formate speichern grundlegend verschiedene Informationen, deshalb gibt es keine verlustfreie Umwandlung zwischen ihnen.

Schick uns eine Datei

Von Hand gezeichnet. Für die Produktion gebaut.

Sofortpreis, keine Bindung. Produktionsgenaue Vektoren in 24 Stunden in deinem Postfach.

Need something custom? Email hello@vectorwiz.com

Die Datei speichert Farbwerte für ein festes Raster. Genau deshalb werden die Kanten beim Vergrößern weich – es gibt keine zusätzlichen Details, also interpoliert die Software zwischen den vorhandenen Pixeln. Vektorformate speichern stattdessen Geometrie: Ankerpunkte, Bézier-Griffe, Flächen und Konturen. Geometrie hat keine feste Auflösung, daher druckt dieselbe Datei auf einer Visitenkarte so scharf wie auf einer Gebäudefolie.

Weil nichts im PNG ein Pfad ist, muss jemand die Pfade erfinden. Die einzige echte Frage lautet, ob eine Maschine sie errät oder ein Mensch sie zeichnet – und wie sehr dieser Unterschied für Ihre Ausgabe zählt.

Der Buchstabe a als Vektorpfade mit sichtbaren Ankerpunkten neben demselben Buchstaben als blockiges Raster aus Pixeln
Links Pfade, rechts Pixel – dieselbe Form, andere Information

Prüfen Sie zuerst, was für ein PNG Sie haben

Hier gabelt sich der Weg, und diesen Schritt zu überspringen ist der häufigste Grund für unbrauchbare Ergebnisse. Öffnen Sie die Datei und zoomen Sie auf 400 % oder mehr.

Flächiges Artwork mit harten Kanten

Geschlossene Farbflächen, klare Grenzen, keine Verläufe und keine fotografische Textur. Das ist der beste Fall. Ist das PNG zusätzlich großzügig dimensioniert – sagen wir 1.000 Pixel oder mehr allein für das Logo –, liefert die Auto-Nachzeichnung einen brauchbaren Ausgangspunkt, manchmal sogar ein fertiges Ergebnis.

Kleine, komprimierte oder stark kantengeglättete Grafiken

Beim Hineinzoomen sehen Sie einen Saum aus Zwischenpixeln, der jede Kante in den Hintergrund überblendet, oder blockige Artefakte vom wiederholten Speichern. Nachzeichner lesen diesen Saum als echte Geometrie und erzeugen wellige, unruhige Konturen mit weit mehr Ankerpunkten, als die Form braucht. Ein 200 Pixel breites Logo von einer Website landet fast immer hier.

Fotos und verlaufslastige Bilder

Ein Nachzeichner verwandelt ein Foto in Dutzende übereinanderliegender Farbflächen. Das Ergebnis ist eine stilisierte Illustration, nicht das ursprüngliche Foto in einem neuen Format. Für ein Plakat kann genau das gewollt sein. Für das Foto selbst ist es das falsche Werkzeug.

Die drei Wege zur Umwandlung

1. Auto-Nachzeichnung in Illustrator oder Inkscape

Der Bildnachzeichner in Illustrator und „Bitmap nachzeichnen“ in Inkscape setzen beide einen Schwellenwert und legen Pfade um die entstehenden Flächen. Sie sind schnell, in der ohnehin vorhandenen Software enthalten und für saubere einfarbige Marken wirklich ausreichend. Ihre Schwäche: Sie bilden ab, was in den Pixeln steht – samt Kompressionsrauschen und Kantenglättung. Eine Vorstellung davon, wie die Form gemeint war, haben sie nicht.

2. KI-Vektorisierer

Auf großen Artwork-Beständen trainierte Werkzeuge erzeugen merklich glattere Geometrie als klassische Schwellenwertverfahren, besonders bei fotografischen Vorlagen. Sie liefern dennoch eine stilistische Interpretation. Farbseparation, Schriftumwandlung und Ebenenstruktur gehören nicht dazu, sodass Produktionsarbeit weiterhin einen Durchgang braucht.

3. Manueller Neuaufbau

Ein Designer zeichnet das Artwork als bewusste Geometrie neu – Kreise als Kreise, gerade Kanten als gerade Segmente, Schrift in der echten Schriftart gesetzt oder nachgezeichnet und in Pfade umgewandelt. Nichts im Ergebnis geht auf den Pixelsaum zurück, weil nichts nachgezeichnet wurde. Das dauert länger und ist der einzige Weg, der zuverlässig Dateien liefert, die sich in der Produktion richtig verhalten.

Ein einfaches PNG-Logo nachzeichnen, Schritt für Schritt

Ist Ihre Datei flächig und groß genug, versuchen Sie das, bevor Sie jemanden bezahlen. In Illustrator:

  1. Datei > Platzieren, das PNG einfügen und auswählen.
  2. Fenster > Bildnachzeichner öffnen und eine Vorgabe wählen – „Schwarzweiß-Logo“ für eine einfarbige Marke, „3 Farben“ oder „6 Farben“ für ein einfaches flächiges Design.
  3. Den Bereich „Erweitert“ öffnen, Pfade leicht erhöhen, Ecken senken und Rauschen erhöhen, um Kompressionsflecken zu unterdrücken.
  4. Auf „Umwandeln“ klicken, um die Live-Nachzeichnung in echte Pfade zu überführen.
  5. Mit dem Direktauswahl-Werkzeug die Ankerpunkte prüfen. Trägt eine gerade Kante ein Dutzend Punkte, hat die Nachzeichnung Rauschen abgebildet.
  6. Überflüssige Punkte löschen, offene Pfade schließen und als SVG, EPS oder AI speichern.
Das Bildnachzeichner-Bedienfeld in Adobe Illustrator mit den Einstellungen Vorgabe, Modus, Palette, Farben, Pfade, Ecken und Rauschen beim Nachzeichnen eines Logos
Pfade, Ecken und Rauschen entscheiden, wie viel Pixelrauschen überlebt

In Inkscape entspricht dem Pfad > Bitmap nachzeichnen, anschließend Pfad > Vereinfachen, um die Knotenzahl zu verringern. „Vereinfachen“ arbeitet grob – es rundet auch Ecken ab, die Sie behalten wollten. Also sparsam anwenden und die Form im Blick behalten.

Transparenz ist nicht dasselbe wie eine saubere Kante

PNG unterstützt einen Alphakanal, weshalb es zum Standardformat für Logos im Web wurde. Ein transparenter Hintergrund ist praktisch, aber kein Beleg dafür, dass sich das Artwork gut nachzeichnen lässt. Der Alphakanal selbst ist kantengeglättet: Der äußerste Pixelring ist teiltransparent und erzeugt genau den weichen Saum, mit dem Nachzeichner nicht zurechtkommen. Ein klein gespeichertes transparentes PNG hat dieselben Probleme wie jedes andere kleine PNG.

Was produktionsreif wirklich verlangt

Artwork, das am Bildschirm richtig aussieht, kann an der Maschine trotzdem scheitern. Die meisten abgelehnten Dateien scheitern an einem dieser vier Punkte:

  • Geschlossene Pfade. Plotter, Fräsen und Gravierer folgen einem Pfad vom Anfang zurück zum Anfang. Ein offener Pfad – in nachgezeichneter Ausgabe üblich – schneidet entweder nicht oder erzeugt einen unerwarteten Werkzeugweg.
  • Schrift in Pfade umgewandelt. Lebender Text hängt davon ab, dass die Schriftart dort installiert ist, wo die Datei geöffnet wird. Die Umwandlung in Pfade macht aus Buchstabenformen Geometrie, die mit der Datei reist.
  • Getrennte Farben. Siebdruck und Vinylarbeit brauchen jede Farbe als eigene Ebene oder Sonderfarbe, nicht als verrechnetes Gesamtbild.
  • Vernünftige Ankerpunktzahl. Überflüssige Knoten erzeugen sichtbare Facetten bei großer Ausgabe und lassen Schneidemaschinen langsamer oder stockend laufen.
Nachgezeichnete Buchstabenform in Illustrator mit Dutzenden überflüssiger Ankerpunkte entlang einer Kurve, die nur eine Handvoll braucht
Eine so einfache Kurve braucht eine Handvoll Punkte, nicht Dutzende

Dass eine Nachzeichnung die Sichtprüfung besteht und an allen vier Punkten scheitert, ist ein gewöhnliches Ergebnis, kein ungewöhnliches. Genau das ist der Unterschied zwischen Artwork, das vektorhaft aussieht, und Artwork, das produktionsreif ist.

Welches Format sollten Sie liefern?

FormatAm besten fürWorauf achten
SVGWeb, App-Oberflächen, reaktionsfähige LogosSchriften müssen in Pfade umgewandelt oder eingebettet sein
EPSSiebdruck, ältere Druck-WorkflowsKeine Transparenz in älteren Programmen
AIBearbeitbare Masterdatei, Artwork mit EbenenZum nativen Öffnen wird Illustrator gebraucht
PDFProofs, Kundenfreigabe, DruckübergabeKann Rasterinhalte enthalten und trotzdem PDF heißen
DXFCNC, Laser, FräsenGeschlossene Pfade und Maßstab 1:1 sind Pflicht

Wenn Sie unsicher sind, fragen Sie denjenigen, der die Datei bekommt, was sein RIP oder seine Schneidesoftware erwartet. Die Formatfrage entscheidet meist die Maschine am anderen Ende. Unsere Übersicht zu Vektor-Dateiformaten geht ausführlicher auf die Abwägungen ein.

Wann Sie aufhören sollten nachzuzeichnen

Die Auto-Nachzeichnung lohnt den Versuch, wenn die Vorlage sauber ist, die Ausgabe unkritisch ist und Sie Zeit zum Prüfen und Aufräumen haben. Geben Sie die Datei an einen Designer, sobald einer dieser Punkte zutrifft:

  • Die einzige vorhandene Fassung ist klein, ein Screenshot oder ein Scan.
  • Das Artwork enthält Schrift, die der Originalschriftart entsprechen muss.
  • Der Auftrag geht an Plotter, Fräse, Presse oder Stickmaschine.
  • Die Marke muss neben vorhandenen Markenelementen stehen und exakt zu ihnen passen.
  • Sie haben bereits länger an der Nachzeichnung aufgeräumt, als eine Neuzeichnung gedauert hätte.
Schneideplotter schneidet ein Vektor-Maskottchenlogo aus weißer Folie, wobei das Messer geschlossenen Konturpfaden folgt
Der Plotter folgt dem Pfad, den er bekommt – offene Konturen scheitern hier, nicht am Bildschirm

Der letzte Punkt erwischt mehr Leute als alle anderen zusammen. Die Aufräumzeit nach einer schlechten Nachzeichnung ist nach oben offen, und es ist leicht, einen Nachmittag in eine Datei zu stecken, die eine Neuzeichnung in einem Bruchteil der Zeit erledigt hätte. VectorWiz arbeitet als Spezialisten für manuelle Vektorisierung gerade deshalb, weil die Neuzeichnung meist der kürzere Weg ist, sobald eine Datei schiefgelaufen ist – das Artwork wird als bewusste Geometrie neu aufgebaut statt Zug um Zug repariert.

So bekommen Sie eine Datei, die in die Produktion kann

Versuchen Sie zuerst die Nachzeichnung, wenn Ihr PNG sauber ist und wenig auf dem Spiel steht – vielleicht brauchen Sie niemanden. Ist die Vorlage grob, zählt die Schrift oder geht die Datei an eine Maschine, führt eine Neuzeichnung schneller zu etwas Brauchbarem. VectorWiz baut Artwork von Hand zu geschlossenen, produktionsreifen Pfaden in den Formaten auf, die Ihre Maschinen erwarten; Sie können uns die Datei schicken und erhalten sie als funktionierenden Vektor zurück.

Häufig gestellte Fragen

Kann ich ein PNG ohne Illustrator in einen Vektor umwandeln?

Ja. Inkscape ist quelloffen, und Pfad > Bitmap nachzeichnen deckt dasselbe ab wie der Bildnachzeichner. Speichern Sie am Ende als „Einfaches SVG“. Für Produktionsausgabe liegt die Grenze nicht bei der Software, sondern bei der Qualität des Ausgangs-PNG und der Nachbearbeitung.

Warum sieht mein umgewandeltes PNG immer noch unscharf aus?

Mit hoher Wahrscheinlichkeit wurde es gar nicht umgewandelt. Ein PNG in eine SVG-, EPS- oder AI-Datei zu legen, bettet die Pixel in einen Vektorcontainer ein, ohne sie zu verändern. Öffnen Sie die Datei und klicken Sie das Artwork an – lässt es sich als einzelnes rechteckiges Objekt ohne bearbeitbare Ankerpunkte auswählen, ist es weiterhin Raster.

Wie groß muss ein PNG für eine gute Nachzeichnung sein?

Eine feste Schwelle gibt es nicht, aber das Artwork selbst – nicht die Arbeitsfläche – sollte groß genug sein, dass Kanten beim Hineinzoomen als harte Grenzen und nicht als Verläufe erscheinen. Unterhalb von etwa 500 Pixeln Breite ist mit erheblicher Nacharbeit zu rechnen.

Lässt sich ein transparentes PNG leichter vektorisieren?

Nicht nennenswert. Der Alphakanal ist wie jede andere Kante geglättet, die äußeren Pixel sind also teiltransparent, und Nachzeichner lesen diesen Saum als Geometrie. Transparenz hilft beim Freistellen im Layout; die Nachzeichnung verbessert sie nicht.

Kann ein nachgezeichnetes PNG für Vinylschnitt oder Stickerei verwendet werden?

Erst nach Prüfung und Korrektur. Schnitt- und Stickabläufe brauchen geschlossene Pfade, getrennte Farben und kontrollierte Knotenzahlen, und rohe Nachzeichnungen scheitern meist an mindestens einem davon.

Tanvir Chowdhury

Tanvir Chowdhury

Betriebsleiter

Leitet den Produktionsbetrieb bei VectorWiz. Schreibt über Datei-Briefings, Auftragsannahme und die produktionsseitigen Details, die Werkstätten auf die harte Tour lernen.

Schick uns eine Datei

Von Hand gezeichnet. Für die Produktion gebaut.

Sofortpreis, keine Bindung. Produktionsgenaue Vektoren in 24 Stunden in deinem Postfach.