PNG · JPG → SVG

PNG/JPG zu SVG vektorisieren

Wandle PNG oder JPG in bearbeitbare SVG-Formen um. Vorschau und Download erfolgen privat im Browser.

01

Bild hinzufügen

PNG · JPG · JPEG

8

Weniger Farben ergeben einfachere SVG-Dateien.

02

Dein SVG

Füge ein Bild hinzu und vektorisiere es für die Vorschau.

Ideal für Logos und Illustrationen. Fotos werden angenähert und können große SVG-Dateien ergeben. Transparente PNG-Bereiche bleiben transparent.

Bild und Einstellungen für SVG-Vektorisierung wählen

Die Vektorisierung wandelt farbige Bereiche eines PNG oder JPG in SVG-Pfade um. Flächige Grafiken und klare Kanten eignen sich meist besser als Fotos. Das Ergebnis nähert die Vorlage an und stellt fehlende Details nicht wieder her.

Schritt für Schritt

  1. Öffne ein PNG oder JPG mit klarem Motiv. Schneide unnötige Umgebung vorher ab, wenn sie unerwünschte Pfade erzeugen würde.
  2. Beginne mit wenigen Farben und ausgewogenen Details. Vektorisiere, vergleiche die Vorschau und ändere jeweils eine Einstellung.
  3. Lade das SVG herunter und prüfe es in der vorgesehenen Anzeigegröße. Bewahre für genaue Fotodetails das Rasteroriginal auf.

Einstellungen und Grenzen

Farbpalette
Weniger Farben vereinfachen Flächen und reduzieren Pfade, können aber wichtige Töne zusammenführen. Mehr Farben stellen fehlende Details nicht wieder her.
Detailstufe
Einfacher, ausgewogener und detaillierter Modus begrenzen die längste Arbeitsbildkante auf 240, 400 beziehungsweise 600 Pixel.
Transparenz und Text
Transparente Bereiche entfallen. Teiltransparenz wird vereinfacht; Text wird zu Formen statt zu bearbeitbaren oder durchsuchbaren Zeichen.

Durchgerechnetes Beispiel

Lade color-blocks.png, wähle 3 Farben und ausgewogene Details. Die Vorlage mit 600 × 400 wird bei 400 × 267 Pixeln vektorisiert.

Beispieldateien herunterladen

Beispieleingabe

600 × 400 px · 3

Erwartetes Ergebnis

<svg width="600" height="400" viewBox="0 0 400 267">
  <path/> <path/> <path/>
</svg>

Das Beispiel-SVG enthält 3 gefüllte Pfade und behält die Anzeigegröße 600 × 400. Es enthält keine eingebettete Originalbitmap.

Fragen und Fehlerbehebung

Warum verschwinden kleine Buchstaben oder dünne Linien?

Verkleinerung und Vereinfachung können sie entfernen. Versuche detaillierten Modus und eine klarere Vorlage; erstelle wichtigen Text im Vektoreditor neu.

Ist das SVG immer kleiner als das PNG?

Nein. Komplexe Fotos können viele Pfade und größere Dateien ergeben. Vergleiche tatsächliche Downloads, statt kleinere Vektordateien vorauszusetzen.

Warum wird ein völlig transparentes Bild abgelehnt?

Es gibt keine sichtbaren Pixel zum Vektorisieren. Wähle sichtbare Formen statt einer leeren transparenten Fläche.