> [Site index](https://perfectvector.com/llms.txt) — available pages and descriptions.

# Vectorpea: Bitmap nachzeichnen und als SVG exportieren

> Verwenden Sie Vectorpeas native Schaltfläche Vectorize Bitmap, zeichnen Sie die Trace-Einstellungen auf, exportieren Sie eine SVG-Datei und überprüfen Sie ihre tatsächlichen Pfade, Farben und Öffnungen, bevor Sie sie verwenden.

Source: https://perfectvector.com/de/blog/vectorpea-vectorize-bitmap

Language: de
Author: Irene Kim
Published: 2026-11-03T08:00:00+09:00

Vectorpea verfügt über eine native **Vectorize Bitmap**-Ablaufverfolgung. Wählen Sie das Rasterbild aus, verwenden Sie die Schaltfläche Vectorize Bitmap, die in der Symbolleiste angezeigt wird, überprüfen Sie die Einstellungen, bestätigen Sie dann und exportieren Sie als SVG. Unser ursprüngliches dreifarbiges PNG erzeugte drei tatsächliche SVG-Pfade mit den vorgesehenen Füllungen und einer offenen Rahmenmitte. Die gespeicherte Datei ist wichtiger als eine glatte Leinwandvorschau.

Wenn Sie eine andere Online-Route für ein Bild wünschen, das Sie bereits haben, [starten Sie kostenlos mit PerfectVector](https://perfectvector.com/de/image-to-vector) und überprüfen Sie die Silhouette, Farbbereiche und Öffnungen der Vorschau. Sie müssen das Ergebnis entsperren, bevor Sie es bearbeiten oder exportieren können. Diese exemplarische Vorgehensweise vervollständigt die native Route von Vectorpea und vergleicht nicht die Ausgabequalität der Tools.

## Verwenden Sie die aktuelle Vectorpea-App und wählen Sie dann die Bitmap aus

Öffnen Sie [Vectorpea](https://www.vectorpea.com/) und behalten Sie eine separate Kopie des ursprünglichen Rasterbilds. Sie benötigen Browserzugriff, eine Berechtigung zum Verarbeiten des Bildmaterials und einen SVG-Viewer oder Nur-Text-Editor für die Überprüfung der gespeicherten Datei. Die Route zum Laden der Zwischenablage unten benötigt auch Zugriff auf die Bildzwischenablage.

Überprüfen Sie den App-Namen, wenn Sie den Suchergebnissen folgen. Der [Photopea Vectorize Bitmap-Leitfaden](https://www.photopea.com/learn/vg-vectorize) beschreibt das Bildmenü von Photopea; Es handelt sich um einen anderen App-Workflow. Frühere Diskussionen wie [Vectorpea-Problem 72](https://github.com/photopea/vectorpea/issues/72) bieten historischen Kontext, während die aktuellen Vectorpea-Steuerelemente und ein tatsächlicher Export zeigen, was diese exemplarische Vorgehensweise erreicht hat.

In unserem Durchlauf haben wir ein neues Dokument erstellt und das ursprüngliche PNG über **Bearbeiten → Einfügen** eingefügt. Das Raster erschien in einem Dokument mit dem Namen `image.ai`. Wählen Sie das Rasterbild auf der Leinwand aus. Die Schaltfläche **Vectorize Bitmap** erscheint dann in der Symbolleiste unter den Hauptmenüs. In der getesteten Sitzung war es unmittelbar vor der Deckkraftsteuerung.

**Wenn die Schaltfläche fehlt, überprüfen Sie zunächst, was ausgewählt ist.** Ein Dokument, eine Gruppe von Pfaden und eine tatsächliche Bitmap sind unterschiedliche Eingaben. Wählen Sie das Raster aus, das Sie verfolgen möchten, bevor Sie nach einem Bitmap-spezifischen Befehl suchen. Bei einem vorhandenen SVG hilft der [SVG-Objekttypleitfaden](https://perfectvector.com/de/blog/how-to-edit-an-svg) bei der Unterscheidung von Pfaden, Gruppen und eingebetteten Bildern.

## Zeichnen Sie eine Baseline auf, bevor Sie die Trace-Einstellungen ändern

Klicken Sie auf **Vectorize Bitmap**, um das native Dialogfeld zu öffnen. Im getesteten Dialog wurden **Farben**, **Cartoon/Foto**, **Rauschen reduzieren** und **Farben zusammenführen** angezeigt, gefolgt von **OK**. In unserer erfassten App-Sitzung wurden koreanische Schnittstellenbezeichnungen verwendet. Die Namen hier sind ihre englischen Entsprechungen.

Wir haben diesen beobachteten Einstellungsstatus für das ursprüngliche Flat-Color-Steuerelement verwendet:

| Kontrolle             | Geprüfter Zustand | Vor der Annahme der Ablaufverfolgung zu prüfendes Detail                                |
| --------------------- | ----------------- | --------------------------------------------------------------------------------------- |
| Farben                | 20                | Ob die beabsichtigten Farbbereiche deutlich bleiben                                     |
| Modus                 | Karikatur         | Ob die Silhouette und Ecken zum Kunstwerk passen                                        |
| Lärm reduzieren       | Aus               | Ob es sich bei kleinen Markierungen um gewollte Details oder verirrte Fragmente handelt |
| Farben zusammenführen | An                | Ob Regionen, die separate Farben benötigen, unterscheidbar bleiben                      |

Behandeln Sie dies als aufgezeichnete Grundlinie und nicht als universelle Voreinstellung. Wir haben nicht alle Kombinationen verglichen oder ein separates Fotomodus-Experiment durchgeführt. Wenn Sie eine Einstellung für Ihr eigenes Bild ändern, ändern Sie diese einzeln und vergleichen Sie ein bestimmtes Detail, beispielsweise eine kleine Öffnung oder zwei benachbarte Farben.

Klicken Sie auf **OK**, wenn Sie die Ablaufverfolgung anwenden möchten. In unserem Dokument wurden im Ebenenbedienfeld dann `Path 0`, `Path 1` und `Path 2` unter `Background` angezeigt. Diese Einträge sind eine nützliche erste Überprüfung, ob Sie sich die Ablaufverfolgung ansehen, die exportierte SVG-Datei muss jedoch noch überprüft werden.

**Tatsächliche Vectorpea-Spur**

![Zugeschnittene Vectorpea-Leinwand mit einem nachgezeichneten Rahmen, einem Dreieck und einem Rechteck neben den eigentlichen Ebeneneinträgen „Pfad 0“, „Pfad 1“ und „Pfad 2“.](https://perfectvector.com/blog/vectorpea-vectorize-bitmap/native-trace-layers.webp)

*Zuschnitte der Leinwand und der Ebenenliste nach dem Nachzeichnen: Pfad 0–2 werden unter „Hintergrund“ angezeigt.*

## Exportieren Sie den Trace als SVG

Wenn das nachgezeichnete Bildmaterial vorhanden ist, wählen Sie im Exportablauf **Datei → Exportieren als → SVG** und dann **Speichern**. Bewahren Sie das ursprüngliche PNG separat auf und geben Sie der SVG-Datei einen eindeutigen Dateinamen, damit Sie die beiden später vergleichen können.

Unser Lauf hat den SVG-Export abgeschlossen und die eigentliche Datei beibehalten. Eine Dokumentregisterkarte mit der Endung `.ai` hat das exportierte Format nicht bestimmt; Der ausgewählte SVG-Export hat dies getan. Diese exemplarische Vorgehensweise beweist nicht das erneute Öffnen einer nativen Datei oder einen späteren manuellen Bearbeitungsdurchgang.

Öffnen Sie die gespeicherte SVG-Datei in einem Viewer und überprüfen Sie deren Text- oder Objektstruktur. Suchen Sie nach Pfaden, eingebetteten Bildern, wichtigen Füllwerten und Dokumentgrenzen. Bei bildbasierten oder gemischten Inhalten wird im [SVG-Raster-Inhaltsprüfleitfaden](https://perfectvector.com/de/blog/svg-contains-raster-image) erläutert, wie Sie überprüfen, worauf ein Bildelement verweist.

## Was die ursprüngliche Steuerung tatsächlich erzeugt hat

Wir haben ein unempfindliches 320 × 240 PNG mit einem marineblauen Rahmen und leerer Mitte, einem goldenen Dreieck und einem blaugrünen Rechteck auf einem transparenten Hintergrund erstellt. Wir haben das ursprüngliche Raster in Vectorpea eingefügt, die aufgezeichneten nativen Einstellungen angewendet und das resultierende SVG gespeichert. Anschließend haben wir das tatsächliche Markup überprüft und die gespeicherte Datei unabhängig gerendert.

| Überprüfen                  | Gespeichertes Ergebnis dieser Testreferenz                                                |
| --------------------------- | ----------------------------------------------------------------------------------------- |
| Pfadelemente                | Drei mit den Namen `Path 0`, `Path 1` und `Path 2`                                        |
| Eingebettete Bildelemente   | Keiner                                                                                    |
| Feste Füllwerte             | `#17324d`, `#e7b64c`, `#298d83`, passend zu den drei ursprünglichen Volumenkörperregionen |
| Rahmenöffnung und Außenraum | Transparent im gerenderten SVG                                                            |
| Leinwand                    | `viewBox="0 0 320 240"`                                                                   |
| Dateigröße                  | 660 Byte                                                                                  |

Der Farbwert betrug 20, dieser Export enthielt jedoch drei Pfadelemente. Bei diesem Einstellungswert handelt es sich nicht um eine Objektanzahl, die Sie aus jedem Ergebnis ablesen können. Im Allgemeinen sagt Ihnen die Pfadzählung allein nicht, ob die richtigen Details erhalten geblieben sind.

Der Frame-Pfad verwendet `fill-rule="evenodd"`. Eine **Füllregel** bestimmt, welche Teile eines Pfades als innen gelten; Die [SVG-Füllregelspezifikation](https://www.w3.org/TR/SVG2/painting.html#FillRuleProperty) erklärt, wie eingeschlossene Unterpfade eine Öffnung hinterlassen können. Überprüfen Sie das gespeicherte Rendering vor einem kontrastierenden Hintergrund, anstatt davon auszugehen, dass ein weiß aussehendes Zentrum transparent ist.

Dies sind Ergebnisse aus einem einfachen geometrischen Bild und einem Einstellungszustand. Exakte Ausfüllungen in dieser Testreferenz beweisen nicht die exakte Farbkonservierung für jedes Logo, jeden Scan oder jedes Foto. Es wurde kein Ziel-Editor-Import, erneutes Öffnen nativer Dokumente, manuelles Umfärben oder physische Ausgabe getestet.

## Überprüfen Sie Ihre eigene Datei, bevor Sie den Trace als beendet aufrufen

Verwenden Sie das unberührte Raster neben der gespeicherten SVG-Datei und überprüfen Sie vier Dinge:

1. **Silhouette und Lücken:** Vergleichen Sie die Außenkontur, Ecken, Theken und schmalen Abstände in der von Ihnen benötigten Größe.
2. **Farbbereiche:** Vergleichen Sie wichtige Füllungen mit Ihrer beabsichtigten Palette. Ein nah sichtbarer Bereich bedarf möglicherweise noch einer bewussten Farbkorrektur.
3. **Leerer Bereich:** Platzieren Sie einen kontrastierenden Hintergrund hinter der SVG-Datei. Es sollte durch erforderliche Öffnungen und Außenbereiche sichtbar sein.
4. **Objekte und Leinwand:** Überprüfen Sie die Pfadstruktur und die Dokumentgrenzen. Wenn eine weitere Bearbeitung wichtig ist, versuchen Sie die beabsichtigte Bearbeitung an einer Kopie und überprüfen Sie das gespeicherte Ergebnis.

| Problem                                                       | Nächste Kontrolle                                                                                                         |
| ------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------- |
| Vectorize Bitmap ist nicht sichtbar                           | Wählen Sie das Rasterbild anstelle eines vorhandenen Pfads oder einer vorhandenen Gruppe aus                              |
| Kleine Features verschwinden                                  | Vergleichen Sie die Quelle mit der Basislinie und der einzelnen Einstellung, die Sie geändert haben                       |
| Farben oder Regionen stimmen nicht überein                    | Überprüfen Sie die Farben und die beobachtete Zusammenführungseinstellung erneut und überprüfen Sie dann den neuen Export |
| Die Mitte eines Buchstabens oder Rahmens erscheint ausgefüllt | Überprüfen Sie einen kontrastierenden Hintergrund und überprüfen Sie die innere Kontur-/Füllregel                         |
| Die exportierte Datei enthält immer noch ein Bild             | Identifizieren Sie, was tatsächlich exportiert wurde und ob der native Trace angewendet wurde                             |

Für eine umfassendere Übergabe verwenden Sie die [Vector Trace Quality Scorecard](https://perfectvector.com/de/blog/evaluate-vector-trace-quality). Wenn eine wichtige Kontur im Raster nicht eindeutig ist, kann eine manuelle Neuzeichnung sinnvoller sein als wiederholte Einstellungsänderungen. Wenn Sie eine andere Route mit derselben Quelle ausprobieren möchten, [starten Sie kostenlos mit PerfectVector](https://perfectvector.com/de/image-to-vector) und vergleichen Sie die Silhouette, Farbbereiche und Öffnungen der Vorschau mit dem Original.

## FAQ

**Verfügt Vectorpea über eine native Funktion Vectorize Bitmap?**

Ja. In der getesteten aktuellen App wurde durch Auswahl des eingefügten Rasters eine Symbolleistenschaltfläche Vectorize Bitmap angezeigt. Durch Anwenden des Dialogfelds wurden sichtbare Pfadeinträge erstellt, und ein tatsächlicher SVG-Export enthielt Pfade ohne eingebettetes Bild.

**Soll ich den Anweisungen im Bildmenü von Photopea in Vectorpea folgen?**

Verwenden Sie die aktuellen Vectorpea-Steuerelemente. Unser Vectorpea-Lauf verwendete die Symbolleistenschaltfläche, die nach der Rasterauswahl angezeigt wurde. Das dokumentierte Bildmenü von Photopea gehört zu einem separaten App-Workflow.

**Bedeutet „Farben 20“, dass die SVG-Datei 20 Pfade hat?**

Nein. Unsere Testreferenz verwendete Colors 20 und exportierte drei Pfade. Untersuchen Sie die tatsächlichen Objekte und vorgesehenen Bereiche, anstatt den Einstellungswert als garantierte Pfadanzahl zu betrachten.

**Wurde der Test die Originalfarben und die Rahmenöffnung beibehalten?**

Ja, für diese originale Dreifarbensteuerung. Das SVG enthielt die drei exakten Werte für die Volltonfüllung, und die gerenderte Rahmenöffnung und der Außenraum waren transparent. Dies garantiert nicht, dass für jedes Bild das gleiche Ergebnis erzielt wird.

## Quellen

1. [Vectorpea-App](https://www.vectorpea.com/) – native Tracing-Steuerelemente und der abgeschlossene SVG-Export-Workflow.
2. [Photopea Vectorize Bitmap-Dokumentation](https://www.photopea.com/learn/vg-vectorize) – identifiziert den separaten Photopea-Menü-Workflow, der in Suchergebnissen angezeigt werden kann.
3. [Vectorpea-Problem 72](https://github.com/photopea/vectorpea/issues/72) – historischer Funktionsanforderungskontext, der sich von aktuellen App-Beweisen unterscheidet.
4. [W3C SVG-Füllregeln](https://www.w3.org/TR/SVG2/painting.html#FillRuleProperty) – eingeschlossene Unterpfade und die Evenodd-Füllregel.

## Explore

- [Read the HTML article](https://perfectvector.com/de/blog/vectorpea-vectorize-bitmap)
- [Vectorization Org: Schwarz-Weiß-Nachzeichnung prüfen](https://perfectvector.com/de/blog/vectorization-org-black-white.md)
- [Boxy SVG Vectorize: Bild nachzeichnen oder Pfade importieren?](https://perfectvector.com/de/blog/boxy-svg-vectorize-image.md)
- [Product facts](https://perfectvector.com/product-facts.md)
- [FAQ](https://perfectvector.com/faq.md)
- [Pricing and credits](https://perfectvector.com/pricing.md)