Kontur – Vektorwerkzeug

Schritt 1Privat

Bild auswählen

Bilddatei auswählen

Ziehe ein Bild hierher oder wähle eine Datei. Die Vorschau wird automatisch erstellt.

PNG · JPG · WebP · BMP · TIFF

Schritt 2 Auto

Automatische Erkennung

Nach dem Upload wählt Auto passende Einstellungen selbst aus.

Auto-Farben

Hauptfarben-Abdeckung

Auto

Abdeckung 60% Kontur wählt die kleinste Zahl an Hauptfarben, die zusammen diesen Anteil der Vordergrundpixel abdecken. Der Außenhintergrund zählt nicht mit.

60% Abdeckung wird beim Auto-Trace verwendet.

Schritt 2Einstellungen

Einfach einstellen

Starte mit einem Preset oder passe nur die Regler an, die für dein Bild wichtig sind.

Presets

Bild

Vorverarbeitung

Optional

Trace-Auflösung Verkleinern glättet Foto-Rauschen und verhindert unnötig viele Pfade. Die Originaldatei bleibt unverändert.

Die Trace-Größe wird nach dem Upload angezeigt.

Tonwerte automatisch strecken Hilft bei blassen Scans und Fotos mit wenig Kontrast. Für Logos mit bewusst feinen Grautönen ausgeschaltet lassen. Kantenbereinigung Wirkt nur auf die monochrome Trace-Maske. Dünne Details sind mit „Keine“ am sichersten. Schwellwertmodus Fixer Schwellwert 128 Adaptive Radius 12 Adaptive Offset 7 Invertieren Alpha-Behandlung

Bild

Feinabstimmung

Expert

Blur 0 Median 0 Helligkeit 1 Kontrast 1 Gamma 1 Opening 0 Closing 0 Kleine Objekte entfernen 0 px

Schritt 3

Trace konfigurieren

SVG

Browser-Trace-Engine Potrace bleibt die Voreinstellung – auch für Farbbilder. Die Auswahl läuft lokal im Browser. Kurvenglättung & Punkte verbinden 50 Links konturtreu, rechts glatter und mit weniger kleinen Punktinseln. Farbe Turdsize 2 Turnpolicy Alphamax 1 Opticurve aktiv Opttolerance 0.2 SVG-Präzision 3 SVG vereinfachen

Optional

Farbe & Layer

Mehrfarbig

Posterize-Farben 1

Nach dem Upload siehst du hier die voraussichtlichen Paletten für jede Farbanzahl.

dominanten/weißen Hintergrund überspringen Ähnliche Farbinseln angleichen 28 Gleicht nur kleine, direkt angrenzende Farbfragmente an. 0 deaktiviert diese Bereinigung. Kleine Elemente automatisch entfernen Minimale Elementgröße 12 px Entfernt isolierte Elemente unter dieser Pixelgröße vor dem Trace. Mit aktivem Auto wächst der Grenzwert bei großen Bildern mit; für feine Details Auto ausschalten oder 1–2 px wählen.

Schritt 4

Export

Final

Weiteres Backend

Batch-Dateien

Arbeitsfläche Noch kein Bild ausgewählt

Lokal verarbeitet

Bereit.

Schnellstart

Zieh dein Bild in den Vektor-Workflow.

Wähle eine Datei aus und Kontur erstellt direkt eine lokale SVG-Vorschau. Danach vergleichst, bearbeitest und exportierst du das Ergebnis.

Bild auswählen

1HochladenPNG, JPG, WebP und mehr 2PrüfenOriginal und SVG vergleichen 3ExportierenDirekt als SVG speichern

Quelle

Original & Vorlage

Dein Bild und die aufbereitete Trace-Vorlage.

100%

Nach dem Upload erscheinen hier Original und aufbereitete Vorlage.

Ergebnis

SVG prüfen

Klicke Pfade direkt in der SVG an, um sie zu bearbeiten.

100%

Die bearbeitbare SVG erscheint nach dem ersten Trace hier.

Schritt 4 · SVG-Editor

Verfeinern

Farblayer

Nach dem ersten Trace erscheinen hier die Farblayer.

Häkchen steuern Sichtbarkeit und Export. Mit ↑/↓ änderst du die Stapelreihenfolge; Farbe und Deckkraft gelten für den ganzen Layer. Für eine Maske zuerst die sichtbare Maskenform auswählen.

Auswahl & Bereinigung

Klicke Pfade an oder ziehe auf leerer Fläche einen Auswahlrahmen auf. Ziehe eine bestehende Auswahl direkt in der Grafik, um sie zu verschieben.

Auswahlform Trefferregel

Polygon: Punkte klicken und mit Doppelklick oder Enter abschließen. Freihand: auf leerer Fläche zeichnen.

Klicke in der SVG-Vorschau auf einen Pfad, um ihn zu färben oder zu löschen.

Duplizieren, Anordnen & Ausrichten

Mehrere Pfade lassen sich relativ zu ihrer gemeinsamen Auswahl ausrichten oder gleichmäßig verteilen.

Objekte

Drehen & Größe

Struktur

„Trennen“ teilt Pfade mit mehreren Konturen in einzeln bearbeitbare Formen auf. Die Originalreihenfolge bleibt erhalten.

Ausrichten

Füllung & Farblayer

Farbe angleichen bündelt vollständige, ausgewählte Farblayer in der Layerliste. Die einzelnen Formen bleiben dabei erhalten.

Startfarbe Endfarbe Winkel °

0° verläuft von links nach rechts. Der Verlauf richtet sich an der gesamten Auswahl aus.

Boolean (2 Pfade)

Der zuletzt aktive Pfad bleibt erhalten. Vereinigung kombiniert Pfaddaten; Differenz und Schnittmenge bleiben als kompatible SVG-Maske bzw. -Clipping exportierbar.

Für präzise Geometrie werden nur zwei unverformte Pfade akzeptiert; zuvor verschobene Pfade lassen sich über „Änderungen verwerfen“ zurücksetzen.

Auto-Auswahl

Auswahl ergänzen

Boxfläche kleiner als SVG² Boxfläche größer als SVG² Abstand zur Auswahl SVG

„Nahe“ verwendet den zuletzt ausgewählten Pfad als Referenz. Die Boxfläche ist ideal für Punktartefakte; bei Bedarf die Grenzwerte an die SVG-Größe anpassen.

Ausgewählte Pfade

Farbe der Auswahl Glättungsstärke 55 Fourier-Vereinfachung „Organisch vereinfachen“ eignet sich für geschlossene Einzelkonturen. Schrift, Ecken, Löcher und mehrteilige Potrace-Pfade bleiben geschützt. Die Pfadglättung arbeitet nur auf zusammenhängenden Konturen. Mehrteilige Potrace-Pfade bleiben unverändert geschützt.

Tastatur: Alt+F10 Schnellleiste · ⌘/Ctrl+A auswählen · ⌘/Ctrl+D duplizieren · ⌘/Ctrl+G gruppieren · Pfeile verschieben · Shift+Pfeile 10 px · Entf löschen · Esc Auswahl aufheben

Datei-Check

Analyse

Aktuelle SVG-Werte

Engine: —
Pfade: —
Dateigröße: —
ViewBox: —