PNG zu SVG: So vektorisieren Sie ein Bild
Schritt-für-Schritt-Anleitung mit den besten Einstellungen für eine saubere, skalierbare Vektorausgabe aus jedem PNG.
PNG jetzt in SVG konvertierenWarum PNG in SVG konvertieren?
PNG ist eines der am weitesten verbreiteten Bildformate im Web. Es unterstützt Transparenz, verarbeitet Grafiken mit Flächenfarben gut und komprimiert ohne Qualitätsverlust. Aber PNG ist nach wie vor ein Rasterformat — ein Raster aus Pixeln. Vergrößern Sie es, und die Kanten werden unscharf. Drucken Sie es auf ein großes Banner, und das Bild zerfällt.
SVG löst dieses Problem. Eine skalierbare Vektorgrafik speichert Ihr Bild als mathematische Pfade statt als Pixel, sodass es bei jeder Größe perfekt scharf bleibt — von einem 16-Pixel-Favicon bis zu einer Plakatwand. Das macht SVG zum bevorzugten Format für Logos, Icons, Illustrationen und alle Grafiken, die Sie in verschiedenen Auflösungen wiederverwenden möchten.
Die Konvertierung von PNG zu SVG ist kein einfacher Formatwechsel. Der Vorgang wird als Bildnachzeichnung (oder Vektorisierung) bezeichnet: Die Software analysiert die Farben und Kanten in Ihrem Bitmap und approximiert sie als Vektorpfade. Die Qualität des Ergebnisses hängt stark von Ihrem Quellbild und den gewählten Einstellungen ab. Diese Anleitung führt Sie durch den gesamten Prozess mit Any2SVG, einem kostenlosen browserbasierten Konverter, damit Sie jedes Mal saubere SVGs erstellen können.
Wenn Sie neu in der Vektorgrafik sind, beginnen Sie mit unserer Einführung Was ist SVG?, um das Format zu verstehen, bevor Sie mit dem Konvertierungsworkflow beginnen.
Schritt 1: Laden Sie Ihr PNG hoch
Öffnen Sie Any2SVG in Ihrem Browser. Es gibt mehrere Möglichkeiten, Ihre Datei zu laden:
- Drag-and-Drop — ziehen Sie Ihr PNG direkt in den Konverterbereich.
- Klicken Sie auf die Dateiauswahl, um Ihr Gerät zu durchsuchen.
- Aus der Zwischenablage einfügen — machen Sie einen Screenshot oder kopieren Sie ein Bild und fügen Sie es direkt in das Tool ein.
- Geben Sie eine Bild-URL ein, um ein PNG aus dem Web abzurufen.
- Importieren Sie aus Dropbox, Google Drive oder OneDrive, ohne die Datei zuerst auf Ihr Gerät herunterzuladen.
Any2SVG akzeptiert PNG-Dateien bis zu 10 MB. Wenn Sie mehrere PNGs konvertieren möchten, wählen Sie alle auf einmal aus — das Tool unterstützt Stapelkonvertierung, sodass Sie einen kompletten Satz von Assets in einer einzigen Sitzung verarbeiten können.
Schritt 2: Bereiten Sie Ihr Bild vor
Nehmen Sie sich vor dem Nachzeichnen einen Moment Zeit, um die Quelle aufzubereiten. Bessere Eingabe führt immer zu einem besseren Vektorergebnis.
Weißraum zuschneiden
Verwenden Sie das integrierte Zuschneidewerkzeug, um unnötigen Weißraum oder Hintergrundbereiche um Ihr Motiv zu entfernen. Der Zuschneide-Editor unterstützt Freihandauswahl und ein gesperrtes 1:1-Seitenverhältnis mit Pinch-to-Zoom für präzise Bildausschnitte auf Touchscreens. Das Entfernen von totem Raum vor der Konvertierung hält das Ausgabe-SVG kompakt und fokussiert.
Größe ändern für mehr Geschwindigkeit
Das Nachzeichnen eines sehr großen Bildes dauert länger und liefert nicht immer ein besseres SVG. Wenn Ihr PNG breiter als etwa 2000 Pixel ist, sollten Sie es vorher verkleinern. Any2SVG bietet mehrere Modi zur Größenanpassung — nach Breite, Höhe, exakten Maßen, Prozentsatz oder gängigen Voreinstellungen. Ein kleineres Quellbild wird schneller nachgezeichnet und liefert oft sauberere Pfade, da der Nachzeichner weniger Rauschen verarbeiten muss.
Automatische Ausrichtung und Metadaten entfernen
Aktivieren Sie die automatische Ausrichtung, damit Any2SVG die EXIF-Rotationsdaten liest und das Bild vor dem Nachzeichnen korrekt anzeigt. Der Konverter entfernt außerdem eingebettete Metadaten (EXIF, XMP) aus dem Ausgabe-SVG, sodass Kameradetails und GPS-Koordinaten nicht in Ihre veröffentlichten Dateien gelangen.
Schritt 3: Vektorisierungseinstellungen anpassen
Hier liegt die eigentliche Kontrolle. Any2SVG bietet Ihnen feinkörnige Optionen, die Qualität und Größe Ihres Ausgabe-SVGs direkt beeinflussen. Hier erfahren Sie, was jede Einstellung bewirkt und wie Sie sie verwenden:
Anzahl der Farben
Steuert, wie viele unterschiedliche Farbbereiche der Nachzeichner erstellt. Verwenden Sie 2 bis 8 Farben für Logos, Icons und einfache Grafiken. Erhöhen Sie auf 16 oder mehr für detaillierte Illustrationen oder Bilder mit Verläufen. Weniger Farben erzeugen einfachere, kleinere SVGs; mehr Farben erfassen feinere Tonunterschiede, erhöhen aber die Dateikomplexität.
Detailstufe
Bestimmt, wie genau der Nachzeichner Kanten und Kurven folgt. Höhere Detailstufe bewahrt feine Merkmale, kann aber Rauschen aus dem Quellbild einbringen. Niedrigere Detailstufe erzeugt eine glattere, stärker stilisierte Ausgabe. Beginnen Sie mit einer mittleren Einstellung und passen Sie von dort an.
Pfadoptimierung
Vereinfacht die generierten Vektorpfade durch Entfernen unnötiger Kontrollpunkte. Höhere Optimierung reduziert die Dateigröße und glättet Kurven. Für Logos und saubere Grafiken stellen Sie die Optimierung hoch ein. Für detaillierte Illustrationen, bei denen Sie jede Kante bewahren möchten, halten Sie sie moderat.
Koordinatengenauigkeit
Legt fest, wie viele Dezimalstellen für die Pfadkoordinaten verwendet werden. Höhere Genauigkeit bedeutet präzisere Pfade, aber größere Dateien. Für die meisten Anwendungsfälle bieten 1 bis 2 Dezimalstellen eine hervorragende Balance zwischen Genauigkeit und Dateigröße.
Weitere Optionen
- Ebenenmodus — Wählen Sie zwischen Ebenen (jede Farbe auf einer eigenen Ebene) und gestapeltem Rendering. Die Ebenenausgabe lässt sich in Vektortools wie Inkscape oder Illustrator leichter bearbeiten.
- Weichzeichnung — Wendet eine leichte Vorverarbeitungs-Weichzeichnung an, um verrauschte Eingaben vor dem Nachzeichnen zu glätten. Nützlich für PNGs mit Kompressionsartefakten oder körnigen Texturen.
- viewBox — Schaltet ein explizites viewBox-Attribut im Ausgabe-SVG ein oder aus, das steuert, wie die Grafik beim Einbetten in HTML skaliert wird.
Empfohlene Einstellungen nach Bildtyp
| Bildtyp | Farben | Detail | Optimierung | Hinweise |
|---|---|---|---|---|
| Einfaches Logo | 2 – 4 | Niedrig – Mittel | Hoch | Weniger Farben = kleinere Datei, schärfere Kanten |
| Mehrfarbiges Icon | 4 – 8 | Mittel | Hoch | Balance zwischen Detail und sauberen Pfaden |
| Detaillierte Illustration | 16 – 32 | Hoch | Mittel | Mehr Farben erfassen Verläufe und Schattierungen |
| Strichzeichnung / Skizze | 2 – 4 | Hoch | Mittel | Hohe Detailstufe bewahrt dünne Striche |
| Foto (einfach) | 32+ | Hoch | Niedrig | Großes SVG; überlegen Sie, ob SVG das richtige Format ist |
Weitere formatspezifische Tipps finden Sie in unseren Tipps zu JPG zu SVG — viele der gleichen Prinzipien gelten für PNG-Quellen, die aus komprimierten Fotos stammen.
Schritt 4: Laden Sie Ihr SVG herunter
Wenn Sie mit der Vorschau zufrieden sind, laden Sie Ihr fertiges SVG herunter. Für eine einzelne Datei klicken Sie auf den Download-Button, um sie direkt zu speichern. Wenn Sie mehrere PNGs im Stapel konvertiert haben, bündelt Any2SVG alle Ergebnisse in ein ZIP-Archiv — zusammengestellt in Ihrem Browser mit fflate für schnelle, leichtgewichtige Komprimierung.
Öffnen Sie nach dem Herunterladen das SVG in Ihrem Browser oder einem Vektoreditor wie Inkscape, Figma oder Adobe Illustrator, um das Ergebnis zu überprüfen. Prüfen Sie Kanten, Farbbereiche und die Gesamtdateigröße. Wenn etwas nicht stimmt, gehen Sie zurück zu Any2SVG, passen Sie die Einstellungen an und konvertieren Sie erneut — Iteration ist normal und dauert nur Sekunden.
Fazit
Die Konvertierung von PNG zu SVG ist unkompliziert, sobald Sie verstehen, dass Nachzeichnung eine Annäherung ist und kein verlustfreier Formatwechsel. Die wichtigsten Schritte sind einfach: Laden Sie Ihr PNG hoch, bereiten Sie es mit Zuschnitt- und Größenänderungstools vor, wählen Sie die richtigen Vektorisierungseinstellungen für Ihren Bildtyp und laden Sie das fertige SVG herunter.
Für die meisten Logos und Icons liefert eine niedrige Farbanzahl mit hoher Optimierung die besten Ergebnisse. Für detaillierte Illustrationen erhöhen Sie Farben und Detail, wobei Sie eine größere Datei in Kauf nehmen. Und bei Fotos sollten Sie überlegen, ob SVG wirklich das richtige Ausgabeformat ist, bevor Sie mit der Konvertierung beginnen.
Any2SVG macht den gesamten Prozess kostenlos, schnell und privat — alles läuft in Ihrem Browser. Probieren Sie es mit Ihren eigenen Bildern aus und erleben Sie, wie schnell Sie saubere, skalierbare Vektorgrafiken erstellen können.