Was es heißt, ein Bild zu vektorisieren

Ein Rasterbild wie ein PNG, JPG oder WebP ist ein Raster aus Pixeln, jedes mit einer Farbe. Vergrößerst du es, werden die Pixel größer, und die Kanten verschwimmen oder werden blockig. Ein Vektorbild beschreibt das Motiv stattdessen als Pfade und Füllungen: Umrisse aus Linien und Kurven und die Farbe darin. Der Renderer zeichnet diese Umrisse in jeder gewünschten Größe, deshalb bleiben die Kanten scharf.

Vektorisieren ist der Schritt von der ersten Art Bild zur zweiten. „Raster in Vektor“, „Bild in Vektor“ und „PNG in Vektor“ meinen alle dieselbe Aufgabe: das Nachzeichnen, das die Farbflächen in den Pixeln findet und jede als Pfad umreißt.

Ein SVG, das nur das ursprüngliche PNG in ein <image>-Element packt, ist nicht vektorisiert. Es öffnet sich wie ein SVG, wird beim Vergrößern aber trotzdem unscharf, weil das Bild darin immer noch aus Pixeln besteht. So erkennst du einen echten Vektor und ein eingepacktes PNG.

So vektorisiert png2svg.art ein Bild

  1. Es wählt eine kleine Menge flacher Farben, höchstens so viele, wie du einstellst, und zwar aus dem vollen Inneren von Formen, nicht aus ihren weichen Kanten.
  2. Es ordnet jedes Pixel einer dieser Farben zu. In einem PNG oder WebP gehören Pixel, die weniger als halb deckend sind, zu keiner Farbe und bleiben transparent.
  3. Es zeichnet die Farben gemeinsam nach, sodass zwei Farben, die aufeinandertreffen, sich eine Grenze aus geraden Segmenten und Bézierkurven teilen.
  4. Es gruppiert das Ergebnis nach Objekten (zuerst der Hintergrund, dann jedes einzelne Objekt) und schreibt jede Form als eigenen <path> mit ihrer Füllfarbe, verschachtelt danach, was was umschließt (ein Auge in einem Gesicht). Löcher wie das Innere eines „O“ bleiben offen.
  5. Bevor du es bekommst, prüft es, dass jedes Ergebnis nur Vektorpfade enthält, ohne eingebettete Bitmap und ohne Skript.

Nachzeichnen ist keine KI. Es erfindet keine Details und zeichnet dein Bild nicht in einem neuen Stil neu; es umreißt die Farben, die schon da sind.

Wann es klappt und wann nicht

Diese Bilder lassen sich gut vektorisieren:

  • Logos, Icons und Strichzeichnungen;
  • Sticker, Cliparts und flache Illustrationen;
  • KI-Bilder im flachen Stil mit wenigen Volltonfarben (KI-Bilder in SVG umwandeln).

Diese nicht:

  • Fotos, Verläufe und weiche Schatten. Sie werden zu flachen Farbbändern wie bei einem Poster, weil jede Nachzeichnung höchstens 24 Farben hat. Warum Fotos wie Poster aussehen.
  • Kleiner Text. Buchstaben unter etwa 10 px Höhe lassen sich nicht sauber nachzeichnen. Tippe sie in einem Vektorprogramm mit einer Schrift neu und leg sie über die Nachzeichnung.
  • Kleine oder unscharfe Bilder. Nachzeichnen erhöht nicht die Auflösung, deshalb fallen die Umrisse runder und weicher aus als das Design, das du im Kopf hattest.

Ein Bild in vier Schritten vektorisieren

  1. Lade ein PNG, JPG, WebP oder HEIC mit bis zu 25 MB hoch, im Feld auf dieser Seite oder im Konverter.
  2. Wähle eine Voreinstellung und stell den Regler Farben, bis zu auf die Anzahl der Farben, die du siehst.
  3. Prüf die kostenlose Vorschau mit Wasserzeichen, ohne Registrierung, und zeichne neu nach, wenn die Formen nicht stimmen.
  4. Schalte das SVG ohne Wasserzeichen für 1 Credit frei (3 Gratis-Credits mit Konto) und lade es herunter.

Jede Einstellung wird, zusammen mit derselben Aufgabe in Inkscape und Illustrator, in PNG in SVG umwandeln, Schritt für Schritt erklärt.

Fragen

Ist „Bild in Vektor“ dasselbe wie „PNG in SVG“?

Im Grunde ja. SVG ist das Vektorformat fürs Web und für Schneidesoftware, und es ist das einzige Format, das png2svg.art beim Nachzeichnen ausgibt – ein Bild hier zu vektorisieren ergibt also immer ein SVG.

Kann ich ein Foto vektorisieren?

Ja, aber es wird zu flachen Farbflächen mit bis zu 24 Farben, nicht zu einem fotorealistischen Vektor. Für einen Poster- oder Schablonen-Look kann genau das gewollt sein.

Was bedeutet „Raster in Vektor“?

Ein Pixelraster in Pfade umzuwandeln: die Farbflächen in einem Rasterbild nachzuzeichnen und jede zu umreißen, damit sich das Ergebnis ohne Unschärfe skalieren lässt.

Ist es kostenlos?

Die Vorschau mit Wasserzeichen ist kostenlos und ohne Registrierung (5 pro Tag als Gast). Ein SVG ohne Wasserzeichen kostet 1 Credit (3 Gratis-Credits mit Konto).

Kann ich den Vektor danach bearbeiten?

Ja. Jedes Objekt ist eine Ebene, die seine Formen als Pfade enthält, und im SVG-Editor, für den du ein Konto brauchst, kannst du jede davon umfärben, verschieben, Punkt für Punkt umformen oder ausblenden. Der Editor kann Formen auch vereinigen, subtrahieren und ihre Schnittmenge bilden; um einen Umriss zu versetzen, nimm ein Desktop-Vektorprogramm wie Inkscape.