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

# PNGtoSVG-Ebenen: Farben entfernen und Passmarken setzen

> Entfernen Sie eine Palettenfarbe in PNGtoSVG, speichern Sie die SVG-Datei und überprüfen Sie ihre zusammengesetzten Pfade und optionalen Ausrichtungsmarkierungen, bevor Sie mehrschichtige Grafiken in Ihre nächste App übernehmen.

Source: https://perfectvector.com/de/blog/pngtosvg-layers

Language: de
Author: Irene Kim
Published: 2026-11-04T08:00:00+09:00
Updated: 2026-11-08T08:00:00+09:00

Mit den Palettensteuerelementen von PNGtoSVG können Sie eine erkannte Farbe entfernen und passende Passermarken zur Farbgeometrie hinzufügen. Speichern Sie das Ergebnis nach jeder Änderung und prüfen Sie die exportierte SVG-Datei. Der Pfadzähler der Schnittstelle und die Anzahl der SVG-Pfadelemente können unterschiedliche Dinge beschreiben, daher sagt Ihnen keine der beiden Zahlen, wie viele nützliche Bastelstücke Sie haben.

Dieser Workflow verwendet [PNGtoSVG.com](https://pngtosvg.com/), dessen aktuelle Schnittstelle einen separaten Classic-Link enthält. Es folgt einer Quelle durch eine Grundlinie, Weißentfernung und einen Passermarkenexport. Das Ergebnis ist eine geprüfte SVG-Datei; Maschinenimport und Materialausrichtung bedürfen noch eines eigenen Tests.

## Wählen Sie die Farben aus, die Sie behalten möchten

Für Ihre Exporte benötigen Sie ein zulässiges Rasterbild, ein beibehaltenes Original und separate Dateinamen. Entscheiden Sie, ob Weiß ein unerwünschter Hintergrund, beabsichtigtes weißes Bildmaterial oder beides ist. Eine Palette ist die Menge der Farben in der Spur. Das Entfernen einer Farbe kann sich auf alle Bereiche auswirken, denen diese Füllung zugewiesen ist.

Unsere ursprüngliche Kontrolle war ein 384 × 256 RGB-PNG auf undurchsichtigem Weiß. Es hatte einen marineblauen Rahmen mit einer weißen Mitte, ein blaugrünes Dreieck, ein goldenes Rechteck und zwei kleine marineblaue Quadrate. Wir haben es unverändert wiederverwendet und die Live-Website am 8. November 2026 getestet. Auf der Website wurde eine Warnung mit niedriger Auflösung für diese Quelle angezeigt, die im Screenshot unten weiterhin sichtbar ist.

**Methode:** Wir haben drei tatsächliche SVG-Exporte beibehalten und deren XML, Füllungen und Dokumentgrenzen verglichen. Dies ist eine kleine geometrische Kontrolle, kein Benchmark für die Fotoqualität, kein PerfectVector-Vergleich oder ein Cricut-Import-/Schnitttest.

## Speichern Sie eine Grundlinie und entfernen Sie dann die weiße Palettenfarbe

1. Öffnen Sie PNGtoSVG.com und wählen Sie mit **Dateien durchsuchen** Ihre Quelle aus. Warten Sie auf das Vektorergebnis, anstatt sich auf die Originalbildansicht zu verlassen.
2. Behalten Sie das automatische Startergebnis für Ihren ersten Vergleich. Unser Lauf verwendete Logo/ClipArt, Hoch, Farben 10, Detail 84, Glättung 0, Sprenkel 5 und Ecke 45; Die erkannte Palette enthielt vier Farben. Hierbei handelt es sich um aufgezeichnete Testeinstellungen und nicht um eine empfohlene Voreinstellung für jedes Bild.
3. Lassen Sie die Registrierungsmarkierungen weg und verwenden Sie **Download**, um `baseline.svg` zu speichern.
4. Suchen Sie den Eintrag für die weiße Palette und wählen Sie dessen **×**-Entfernungssteuerelement aus. Warten Sie, bis das Ergebnis aktualisiert ist, und speichern Sie dann eine separate `white-removed.svg`.
5. Vergleichen Sie das gespeicherte Ergebnis mit dem Original, insbesondere etwaige beabsichtigte weiße Details und kleine vereinzelte Flecken.

In den [Paletten-FAQ](https://pngtosvg.com/) von PNGtoSVG wird beschrieben, dass × die Farbpfade entfernt. Behandeln Sie dies als eine Änderung der Geometrie, anstatt Weiß einfach in einer anderen Farbe zu malen. Wenn ein weißer Schriftzug oder ein weißes Highlight zu Ihrem Design gehört, überprüfen Sie es, bevor Sie diese Variante beibehalten.

In unserer gespeicherten Grundlinie trugen vier Pfadelemente vier Füllfarben, darunter Weiß. Nach der Weißentfernung hatte die SVG-Datei drei Pfadelemente und keine weiße Füllung. Die Mitte des marineblauen Rahmens war im Website-Vergleich durch das Schachbrettmuster hindurch sichtbar, während die Mitte des Originals weiß blieb.

Wenn beim Entfernen das gewünschte Bildmaterial verloren geht, stellen Sie die Farbe wieder her oder laden Sie das Original neu und erstellen Sie es anhand Ihrer gespeicherten Grundlinie neu. Wechseln Sie nicht ständig die Palette, weil ein Ergebnis bereits ein wichtiges Detail vernachlässigt.

## Verstehen Sie Farbpfade, bevor Sie Ebenen zählen

Die Schnittstelle zeigte **11 Pfade** für unsere Basislinie an, aber das heruntergeladene SVG enthielt **vier `<path>`-Elemente**. Nach der Weißentfernung zeigte die Schnittstelle **5 Pfade** an, während die Datei drei Pfadelemente enthielt.

Ein zusammengesetzter Pfad ist ein Pfadelement, das mehrere Unterpfade enthält. SVG erlaubt diese Konstruktion ausdrücklich, einschließlich separater Umrisse und Innenöffnungen innerhalb eines Elements. Die [SVG-Pfadspezifikation](https://www.w3.org/TR/SVG2/paths.html) erklärt diese Beziehung. Bei diesem Export teilten sich Geometrien mit derselben Füllung ein Pfadelement, sodass die Anzahl der XML-Elemente nicht mit dem Schnittstellenzähler übereinstimmte.

Verwenden Sie den Zähler, um die Vorschau des Werkzeugs zu verfolgen, und überprüfen Sie dann, wie Ihre Ziel-App die gespeicherte Geometrie darstellt. Ein Farbpfad kann mehrere nicht zusammenhängende Teile enthalten. Es beweist nicht, dass es für jedes visuelle Objekt eine benannte Editorebene gibt, und es beweist nicht, dass sich winzige Teile leicht ausschneiden oder platzieren lassen.

Für den nächsten Vorbereitungsschritt trennt unser [Layer-SVG-Leitfaden](https://perfectvector.com/de/blog/layered-svg-for-cricut) die Farborganisation von einem maschinenfertigen Projekt. Wenn Sie eine Datei pro Farbe benötigen, lesen Sie [So trennen Sie SVG-Farben in Dateien](https://perfectvector.com/de/blog/separate-svg-colors-into-files).

## Fügen Sie Passmarken nur hinzu, wenn Sie Ausrichtungshilfen benötigen

In den FAQ von PNGtoSVG werden die Passermarken als passende Eckgeometrie beschrieben, die zu jeder Farbebene hinzugefügt wird. Dabei handelt es sich um Ausrichtungshilfen für das Farbbild. Sie werden hier nicht als Cricut Print Then Cut-Sensormarkierungen oder als Ersatz für den eigenen Druck- und Schneide-Workflow Ihrer Maschine erwiesen.

Wenn die weiße Farbe noch entfernt ist, aktivieren Sie **Passermarken** und speichern Sie eine dritte SVG-Datei als `white-removed-registration-marks.svg`. Vergleichen Sie es mit dem nicht markierten Export, anstatt diese Datei zu überschreiben.

![Tatsächliche PNGtoSVG-Seitenansicht der opakweißen Quelle und ein Vektorergebnis mit transparenten weißen Bereichen und vier kleinen Eckausrichtungsquadraten](https://perfectvector.com/blog/pngtosvg-layers/color-marks.webp)

*Original links; Weiß entferntes Ergebnis mit Passermarken rechts. Die Warnung zur Quellauflösung bleibt erhalten.*

Unser markierter Export hatte noch drei Pfadelemente. Jeder Farbpfad enthielt an den Ecken die gleichen vier 8 × 8 quadratischen Unterpfade. Die Marken haben ihre `viewBox` von `0 0 384 256` auf `-20 -20 424 296` erweitert; seine Breite und Höhe änderten sich ebenfalls von 384 × 256 auf 424 × 296.

Die [viewBox](https://www.w3.org/TR/SVG2/coords.html#ViewBoxAttribute) beschreibt den SVG-Koordinatenbereich, der für die Zeichnung verwendet wird. In diesem Beispiel umfassen die größeren Grenzen Geometrie außerhalb des ursprünglichen Bildbereichs. Berücksichtigen Sie diesen Unterschied, wenn Sie die Dokumentabmessungen vergleichen. Das bedeutet nicht, dass das zentrale Kunstwerk auf eine neue physische Größe skaliert wurde.

| Export                           | SVG-Pfadelemente | Bytes | Gespeicherte Dokumentgrenzen |
| -------------------------------- | ---------------- | ----- | ---------------------------- |
| Grundlinie                       | 4                | 3,106 | `0 0 384 256`                |
| Weiß entfernt                    | 3                | 1,648 | `0 0 384 256`                |
| Weiß entfernt, Flecken vorhanden | 3                | 2,024 | `-20 -20 424 296`            |

Die passende quadratische Geometrie wird in diesen Dateien überprüft. Die erfolgreiche Ausrichtung des tatsächlichen Materials wurde nicht getestet. Behalten Sie eine nicht markierte Kopie und entscheiden Sie in Ihrer Ziel-App, ob die zusätzlichen Formen zu dem Vorgang gehören, den Sie vorbereiten.

## Überprüfen Sie die gespeicherte Datei, bevor Sie ein Bastelprojekt erstellen

Öffnen Sie die akzeptierte SVG-Datei unabhängig von der Website-Vorschau. Stellen Sie sicher, dass die beabsichtigten Farben erhalten bleiben, entferntes Weiß nicht das gewünschte Bildmaterial löscht und einzelne Farbteile immer noch die erwarteten Positionen einnehmen. Wenn Markierungen aktiviert sind, überprüfen Sie alle vier Ecken und die neuen Dokumentränder.

Zum Zuschneiden gehören die restlichen Kontrollen in Ihre Empfangs-App: physikalische Maße, kleine Details, Farbzuordnung und die auf die Ausrichtungshilfen angewendete Bedienung. Führen Sie einen kleinen Materialtest durch, bevor Sie ein Projekt wiederholen. Bei einem erfolgreichen Browser-Download werden diese Schritte nicht abgeschlossen.

Der [Cricut-Konverter-Auswahlleitfaden](https://perfectvector.com/de/blog/best-svg-converter-for-cricut) deckt andere Startrouten ab. Bleiben Sie bei PNGtoSVG, wenn die Palettensteuerelemente und die gespeicherte Geometrie Ihren Anforderungen entsprechen. Verwenden Sie eine andere Spur oder manuelle Bearbeitung, wenn die wichtigen Bereiche nach einem begrenzten Test weiterhin problematisch sind.

## Wenn ein automatischer Trace der nächste sinnvolle Schritt ist

PerfectVector eignet sich, wenn Sie mit dem Originalraster beginnen und eine automatische Spur überprüfen möchten, bevor Sie mit der handwerklichen Vorbereitung beginnen. Verwenden Sie die [SVG für Cricut-Seite](https://perfectvector.com/de/svg-for-cricut) mit Ihrem eigenen Bild und überprüfen Sie dann das kleinste erforderliche Teil, die Innenöffnungen und jeden Farbbereich. Dies ist eine separate Ablaufverfolgungsoption und kein Anspruch darauf, dass die Ausgabe in diesem Test anhand von PNGtoSVG gemessen wurde.

Die [Produktfakten](https://perfectvector.com/product-facts.md) von PerfectVector beschreiben eine kostenlose Vorschau, die nur der Ansicht vorbehalten ist. Sie müssen ein Ergebnis entsperren, bevor Sie es bearbeiten oder exportieren können. Die resultierende Datei muss noch in Ihrer empfangenden App überprüft werden. Wenn Sie bereits über eine akzeptable Geometrie verfügen, ist durch das Nachzeichnen kein weiterer Vorbereitungsschritt erforderlich.

## FAQ

**Warum zeigte die Schnittstelle mehr Pfade an, als die SVG-Datei enthielt?**
Unsere gespeicherten Farbpfade enthielten mehrere Unterpfade, sodass ein SVG-Pfadelement mehrere separate Konturen enthalten konnte. Der Schnittstellenzähler war nicht die Anzahl der XML-Pfadelemente oder eine Anzahl sinnvoller Handwerksteile.

**Färbt sich durch das Entfernen von Weiß nur der Hintergrund neu?**
Nein. PNGtoSVG beschreibt das Steuerelement × als Entfernen der Pfade dieser Farbe. Überprüfen Sie alle weißen Grafiken sowie den äußeren Hintergrund, bevor Sie das Ergebnis akzeptieren.

**Sind diese Markierungen Cricut Print Then Cut-Sensormarkierungen?**
Dieser Test bestätigt übereinstimmende Ausrichtungsquadrate in den exportierten Farbpfaden. Er bestätigt keine Kompatibilität mit dem Sensormarkierungsverfahren von Cricut; diese Kompatibilität wurde hier nicht überprüft. Befolgen Sie die Anweisungen Ihrer Zielanwendung und prüfen Sie den vorgesehenen Vorgang vor der Produktion.

## Quellen

1. [PNGtoSVG – Bildvektorisierer und FAQ](https://pngtosvg.com/) – Aktuelle Palettenentfernung, Beschreibung der Passermarken und tatsächlich in diesem Test verwendete Schnittstelle.
2. [W3C – SVG 2 Pfade](https://www.w3.org/TR/SVG2/paths.html) – Mehrere Unterpfade können zu einem Pfadelement gehören.
3. [W3C – SVG 2-Koordinatensysteme](https://www.w3.org/TR/SVG2/coords.html) – Die ViewBox- und Koordinatenregionsunterscheidung, die zur Beschreibung des markierten Exports verwendet wird.
4. [PerfectVector – Produktfakten](https://perfectvector.com/product-facts.md) – Kostenlose Vorschau und die freigeschaltete Bearbeitungs-/Exportgrenze.

***

[Beginnen Sie kostenlos mit Ihrem eigenen Bild in PerfectVector](https://perfectvector.com/de/svg-for-cricut) und prüfen Sie dann dessen Farben, Öffnungen und kleinste Teile, bevor Sie ein Projekt in Ihrer Bastel-App vorbereiten.

## Explore

- [Read the HTML article](https://perfectvector.com/de/blog/pngtosvg-layers)
- [Zeichnung zu Applikations-SVG: Stoffteile planen](https://perfectvector.com/de/blog/drawing-to-applique-svg.md)
- [Bild in SVG umwandeln: saubere Dateien für den 3D-Druck](https://perfectvector.com/de/blog/image-to-svg-for-3d-printing.md)
- [Product facts](https://perfectvector.com/product-facts.md)
- [FAQ](https://perfectvector.com/faq.md)
- [Pricing and credits](https://perfectvector.com/pricing.md)