Wandle ein PNG oder JPG in skalierbare SVG-Formen um, mit den Farben und dem Detailgrad, die du wählst. Die Vektorisierung läuft in deinem Browser, und das Bild verlässt dein Gerät nie.
PNG in SVG umwandeln
Wandle ein PNG oder JPG in skalierbare SVG-Formen um, mit den Farben und dem Detailgrad, die du wählst. Die Vektorisierung läuft in deinem Browser, und das Bild verlässt dein Gerät nie.
Das Bild wird auf deinem Gerät im Hintergrund dieses Tabs dekodiert und vektorisiert und nie hochgeladen. Auch die SVG-Datei wird hier erzeugt und geht nirgendwohin, bis du sie herunterlädst oder kopierst.
Der PNG-in-SVG-Konverter verwandelt eine Bitmap in skalierbare Vektorformen. Er reduziert das Bild auf die Zahl der Farben, die du wählst, findet heraus, wo jede Farbfläche beginnt und endet, und zeichnet jede Fläche als glatten Pfad neu, sodass ein Logo oder Icon in jeder Größe scharf bleibt. Voreinstellungen für Logos, Icons, Illustrationen, Fotos und Schwarz-Weiß-Strichzeichnungen setzen sinnvolle Startwerte, und Regler passen Farben, Detailgrad, das Entfernen kleiner Flecken und die Weichzeichnung an. Pixel, die lediglich zwei benachbarte Farben mischen, werden einer dieser Flächen zugeschlagen, sodass ein flaches Logo genau mit seinen eigenen Farben herauskommt. Transparente Bereiche können transparent bleiben, und ein großes Bild wird in verkleinerter Größe vektorisiert, während die SVG-Datei ihre ursprünglichen Abmessungen behält. Alles geschieht auf deinem Gerät.
Funktionen
Voreinstellungen für Logos, Icons, Illustrationen, Fotos und Schwarz-Weiß-Strichzeichnungen, jeweils ein Startpunkt, den du anpassen kannst
2 bis 64 Farben, die aus den Pixeln selbst gewählt werden, sodass ein flaches Logo genau seine eigenen Farben behält
Ein Regler „Detail“ von grob und glatt bis fein und exakt, dazu das Entfernen kleiner Flecken und Weichzeichnen für verrauschte Bilder und JPG-Quellen
Transparente Bereiche bleiben transparent oder werden auf Wunsch mit Weiß gefüllt
Ein verschiebbarer Vorher-Nachher-Trenner mit Zoom auf 200 % und 400 % oder eine Nebeneinander-Ansicht zur Prüfung der Kanten
Die Vektorisierung läuft im Hintergrund mit Anzeige der verstrichenen Zeit, und das Ändern einer Einstellung bricht die noch laufende Vektorisierung ab
Die SVG-Datei behält die ursprüngliche Größe und eine passende viewBox; als Ausgabegröße lässt sich ×1 oder ×2 wählen
Anzahl der Pfade, Dateigröße und verwendete Farben, eine Warnung über 1 MB sowie Download oder Kopieren des SVG-Codes
So verwendest du PNG in SVG umwandeln
Ziehe ein PNG, JPG, WebP, GIF oder BMP hinein oder füge ein Bild aus der Zwischenablage ein
Wähle die Voreinstellung, die deinem Bild am nächsten kommt, und passe dann Farben, Detail, das Entfernen kleiner Flecken und das Weichzeichnen an
Ziehe den Trenner über die Vorschau und zoome hinein, um Kanten und kleine Details zu prüfen
Lade die .svg-Datei herunter oder kopiere den SVG-Code
logo.svg — 640 × 640 px
6 colours · 14 paths · 8.2 KB
Traced in 0.4 s
Ein flaches Logo wird zu einer Handvoll Formen, und dieselbe Datei bleibt scharf, egal ob sie als Favicon oder auf einer Plakatwand erscheint.
Häufige Fehler & Fehlerbehebung
Die Formen haben unruhige Kanten oder abgerundete Ecken. — Eine vektorisierte Kante kann nur so sauber sein wie die Pixel, aus denen sie entsteht. Nimm die größte Version des Bildes, die du hast, und probiere dann ein „Detail“ zwischen 60 % und 80 %: Niedriger glättet stärker, höher folgt jeder Pixelstufe.
Die SVG-Datei ist mehrere Megabyte groß und öffnet sich langsam. — Fotos und hohe Farbzahlen brauchen Tausende kleiner Formen. Senke „Colours“, schiebe „Detail“ Richtung „Coarse“, erhöhe „Remove specks“ auf 15 px oder mehr oder füge etwas „Blur“ hinzu.
Zwischen benachbarten Formen scheinen dünne Linien durch. — Schalte „Outline shapes“ ein. Die Option zeichnet den Rand jeder Form in ihrer eigenen Farbe und ist in jeder Voreinstellung außer „Black & white“ eingeschaltet.
Der transparente Hintergrund ist weiß geworden. — Der Schalter „Keep transparent areas“ erscheint nur, wenn das Bild Transparenz enthält; achte darauf, dass er eingeschaltet ist. Ein JPG hat keine Transparenz, die sich behalten ließe, daher wird sein Hintergrund als Farbe vektorisiert.
Häufig gestellte Fragen
Warum zeichnet der PNG-in-SVG-Konverter mein Bild neu, statt es exakt umzuwandeln?
Ein PNG speichert ein Raster aus farbigen Pixeln, eine SVG-Datei speichert Formen und Kurven; einen verlustfreien Weg von einem zum anderen gibt es daher nicht. Das Tool ermittelt, wo jede Farbfläche beginnt und endet, und zeichnet dafür eine Form. Kanten werden zu glatten Kurven, feine Texturen werden vereinfacht, und Farbverläufe werden zu Bändern aus einheitlicher Farbe – deshalb lassen sich Logos und Strichzeichnungen gut vektorisieren, während Fotos stilisiert wirken.
Wie bekomme ich mit dem PNG-in-SVG-Konverter aus einem Logo die sauberste SVG-Datei?
Beginne mit der größten, kontrastreichsten Version des Logos und wähle die Voreinstellung „Logo / flat colours“. Stelle „Colours“ auf die Zahl der einheitlichen Farben ein, die das Logo wirklich hat; das Tool verwendet nie mehr, als das Bild enthält. Lass „Remove specks“ bei 8 px oder mehr, um vereinzelte Pixel aufzufangen, füge etwas „Blur“ hinzu, wenn die Vorlage ein JPG ist, und prüfe die Kanten bei 400 % Zoom, bevor du herunterlädst.
Was bewirken die Regler für Farben und Detail im PNG-in-SVG-Konverter?
„Colours“ ist die größte Zahl an Farben, die die SVG-Datei verwenden darf, von 2 bis 64. „Detail“ legt fest, wie eng die Kurven der Pixelkante folgen: Richtung „Coarse“ sind die Umrisse weniger, glatter und etwas lockerer, Richtung „Fine“ schmiegen sie sich an jede Stufe an, und die Datei wird größer. „Remove specks“ verschmilzt Formen mit kurzem Umriss mit ihren Nachbarn, und „Blur“ glättet Rauschen, bevor die Farben ausgewählt werden.
Kann der PNG-in-SVG-Konverter ein Foto vektorisieren?
Ja, aber das Ergebnis ist eine posterisierte, stilisierte Version des Fotos aus einfarbigen Formen, und die Datei wird groß, weil Tausende Formen nötig sind. Die Voreinstellung „Detailed photo“ ist der originalgetreueste Ausgangspunkt. Für eine kleinere Datei senkst du die Farbzahl oder erhöhst „Remove specks“, und Fotos bleiben besser als JPG oder WebP, wenn sie nur wie Fotos aussehen sollen.
Wird mein Bild hochgeladen, wenn ich es mit dem PNG-in-SVG-Konverter vektorisiere?
Nein. Das Bild wird auf deinem Gerät dekodiert und vektorisiert, und weder seine Pixel noch die SVG-Datei werden irgendwohin gesendet. Ein großes Bild wird für die Vektorisierung an der langen Seite auf 1200 Pixel verkleinert, damit sie in wenigen Sekunden fertig ist, und die SVG-Datei behält die ursprüngliche Größe.
Wie öffne und bearbeite ich die SVG-Datei aus dem PNG-in-SVG-Konverter in Figma, Inkscape oder Illustrator?
Lade die .svg-Datei herunter und ziehe sie in die App oder nutze deren Befehl „Öffnen“ bzw. „Importieren“. Jede Form ist ein einfacher gefüllter Pfad, dessen Farbe direkt an ihm gesetzt ist, sodass du Formen umfärben, verschieben, zusammenführen oder löschen kannst. Die größte Farbfläche ist eine einzelne Form darunter, die du löschen kannst, um einen transparenten Hintergrund zu erhalten. „Copy SVG code“ kopiert dasselbe Markup, das du in HTML oder einen Code-Editor einfügen kannst.
Verwandte Tools
SVG zu PNG — SVG-Markup oder eine .svg-Datei in jeder Skalierung zu PNG oder JPG rastern.
SVG-Optimierer — Minimiere SVG: entferne Kommentare, Metadaten und Editor-Reste und reduziere Leerzeichen.
Bildformat-Konverter — Konvertiere Bilder zwischen PNG, JPEG und WebP – vollständig in deinem Browser.
Bildgröße ändern — Fotos nach Pixeln, Prozent, Voreinstellung oder längster Seite skalieren – im Stapel, mit ZIP-Download.
Favicon-Generator — Aus einem Bild, Buchstaben oder Emoji favicon.ico, PNG-Größen, ein Apple Touch Icon und ein Web-Manifest erzeugen.
Bild-Farbwähler — Über ein Bild fahren und einen Pixel als HEX, RGB und HSL greifen.
SVG zu PDF — SVG-Grafik in PDF umwandeln, wobei Formen wo möglich vektoriell bleiben.
Base64-Bild-Encoder / -Decoder — Wandle Bilder in Base64-Data-URIs mit HTML- und CSS-Snippets um oder decodiere einen Data URI in ein herunterladbares Bild.
Weitere Bilder-Tools
Bildoptimierer — Bilder neu kodieren und verkleinern (JPEG/WebP/PNG), mit optionaler Größenänderung.
Bildformat-Konverter — Konvertiere Bilder zwischen PNG, JPEG und WebP – vollständig in deinem Browser.
EXIF-Viewer & -Entferner — Zeige EXIF-Metadaten (inkl. GPS) von Fotos an und entferne sie; nichts wird hochgeladen.
Base64-Bild-Encoder / -Decoder — Wandle Bilder in Base64-Data-URIs mit HTML- und CSS-Snippets um oder decodiere einen Data URI in ein herunterladbares Bild.
App-Icon-Generator — Verwandle ein Bild in jede iOS-, macOS- und Android-App-Icon-Größe — als ZIP, in deinem Browser.
Sprite-Sheet-CSS-Animation — Ein sprite sheet in eine kopierfertige CSS-steps()-Animation mit Live-Vorschau verwandeln.
SVG zu PNG — SVG-Markup oder eine .svg-Datei in jeder Skalierung zu PNG oder JPG rastern.
Bild-Farbwähler — Über ein Bild fahren und einen Pixel als HEX, RGB und HSL greifen.
Color Format Converter — Jede CSS-Farbe zugleich zu HEX, RGB, HSL, OKLCH und mehr konvertieren.
Barcode Generator — EAN-, UPC-, Code 128- und ITF-14-Barcodes erzeugen und als SVG oder PNG laden.
Bild-Farbpaletten-Extractor — Extrahiere die dominante Farbe und eine Palette als HEX, RGB, HSL, CSS und Tailwind.