So verwenden Sie PNG in SVG
- 1
Ein Bild hineinziehen
Fügen Sie ein PNG, JPG, WebP oder ein anderes Bild mit bis zu 25 MB hinzu. Logos, Icons, Unterschriften und flache Illustrationen lassen sich am besten vektorisieren.
- 2
Einen Stil wählen
S/W erzeugt einfarbige Formen anhand eines Helligkeits-Schwellenwerts, Farbe verwendet bis zu 32 Farben, Detailliert erlaubt bis zu 64.
- 3
Pfade bereinigen
Erhöhen Sie die Glättung für rundere Kurven, entfernen Sie Pünktchen mit dem Rauschfilter und schalten Sie „Hintergrund entfernen“ ein oder aus.
- 4
SVG speichern
Vergleichen Sie das Ergebnis mit dem Original und laden Sie dann name.svg herunter oder kopieren Sie den SVG-Code in Ihr Projekt.
Limits und Pro
Ein Bild mit bis zu 25 MB gleichzeitig, vektorisiert mit bis zu 2.000 px an der längsten Seite und bis zu 64 Farben.
Pro akzeptiert Quellbilder mit bis zu 4 GB. Pro ansehen
Über PNG in SVG
PNG in SVG zeichnet die Umrisse eines Pixelbilds nach und baut sie als Vektorpfade neu auf. So lässt sich das Ergebnis auf Plakatgröße oder als Favicon skalieren, ohne dass Pixel sichtbar werden. Zuerst wird das Bild mit einem Median-Cut-Quantisierer auf eine Palette reduziert, im S/W-Modus auf eine einzige Formfarbe. Danach umrandet die Engine imagetracerjs jede Farbfläche. Das SVG enthält pro Farbebene ein Pfadelement, behält Breite und Höhe des Originalbilds bei und kann die Hintergrundebene weglassen, damit das Logo transparent wird.
Drei Stufen der Auflösung der Vektorisierung tauschen Tempo gegen Detailtreue: Schnell arbeitet mit 800 Pixeln an der längsten Seite, Ausgewogen mit 1.200 und Hoch mit 2.000. Die Glättung reicht von Exakt, das jeder Pixelstufe folgt, bis Maximal, das Ecken stark abrundet. Der Rauschfilter entfernt Inseln, die kleiner sind als bis zu 40 Pixel. Die Statistik unter der Vorschau zeigt, wie viele Pfade und Farben die Datei enthält – ein guter Hinweis darauf, wie groß sie wird.
Gut geeignet sind ein Firmenlogo, das nur als PNG vorliegt, eine eingescannte Unterschrift oder ein Stempel, eine Schneidedatei für Vinylplotter oder Lasergravierer und einfache Icons. Fotos eignen sich schlecht: Sie wirken posterisiert, und ein detailreiches Foto kann ein SVG von mehreren Megabyte ergeben, das größer und langsamer ist als das JPG. Verläufe werden zu sichtbaren Stufen, Text wird zu Formen statt zu bearbeitbaren Buchstaben, und sehr dünne Linien können bei niedriger Auflösung zerfallen.
Datenschutz
Die Vektorisierung läuft in einem eigenen Web Worker in diesem Tab: Das Bild wird auf Ihrem Gerät dekodiert, von imagetracerjs quantisiert und umrandet, und das SVG wird lokal zusammengesetzt. Der Code dafür wird erst von dieser Website geladen, nachdem Sie ein Bild ausgewählt haben. Weder Bild noch SVG werden hochgeladen oder gespeichert, sobald Sie die Seite schließen.
Funktionen
Saubere Vektorpfade
Ein kompakter Pfad pro Farbebene, ohne Pixel auf jede Größe skalierbar.
Drei Stile
S/W für Logos und Unterschriften, Farbe für flache Grafiken, Detailliert für reichere Illustrationen.
Glättung und Rauschfilter
Runden Sie ausgefranste Stufen ab und entfernen Sie winzige Pünktchen vor dem Herunterladen.
Code kopieren
Fügen Sie das SVG-Markup direkt in HTML, CSS oder ein Design-Tool ein.