PNG in SVG umwandeln: Logo sauber vektorisieren

Du willst ein Logo als PNG in SVG umwandeln? Dann lässt du das Bild als Vektorpfade nachzeichnen, prüfst Kanten und Farben und exportierst das Ergebnis. Entscheidend ist eine klare Vorlage. Das Nachzeichnen macht ein Logo skalierbar, kann aber Schrift oder Details, die im PNG fehlen, nicht zuverlässig wiederherstellen.

Die Blatt-Illustration zeigt das Prinzip des Nachzeichnens, kein echtes Umwandlungsergebnis.

Diese Anleitung zeigt am Beispiel des Tools Bild vektorisieren, wie du ein Logo vektorisierst, den weißen Hintergrund entfernst und kleine Details rettest. Es verarbeitet auch JPG und WebP bis 10 MB, ein Konto brauchst du nicht.

Ist PNG eine Vektordatei?

Nein. Ein PNG speichert Pixel, also ein festes Raster aus Farbpunkten. Vektorpfade beschreiben Formen dagegen mit Koordinaten und Kurven. Deshalb lassen sie sich ohne Qualitätsverlust bei der Größe anpassen.

Die Dateiendung allein beweist aber nicht, dass ein Bild vektorisiert wurde. Eine SVG-Datei kann auch eine Rastergrafik enthalten. Die W3C-Spezifikation für SVG beschreibt das über das image-Element. Ein PNG, das in eine SVG eingebettet ist, behält alle Schwächen der ursprünglichen Bitmap. Für ein bearbeitbares Logo brauchst du nachgezeichnete Pfade, die du in einem Vektorprogramm auswählen und umfärben kannst.

Nachzeichnen ist immer eine Annäherung. Flächige Farben und klare Kanten liefern dem Werkzeug brauchbare Informationen. Unschärfe, Schatten und winzige Schrift machen es schwer, die Formen zu erkennen. Frag zuerst, wer das Logo entworfen hat: Gibt es dort eine Vektordatei, nimm diese. Die Umwandlung von PNG zu SVG lohnt sich dann, wenn du nur eine Rastergrafik hast.

Das PNG vor dem Vektorisieren vorbereiten

Wenn du ein PNG vektorisieren willst, nimm die schärfste Logodatei, die du finden kannst, am besten direkt aus der Originalgrafik exportiert. Screenshots mit Bedienelementen, schräg fotografierte Logos oder große Ränder sind schlechte Vorlagen. Behalte eine Kopie des Originals, damit du sie später mit der fertigen SVG vergleichen kannst.

Schau dir den Hintergrund genau an. Ein Schachbrettmuster im Bildbearbeitungsprogramm kann Transparenz bedeuten. Wurde das Karomuster aber mit ins PNG gespeichert, gehört es zur Grafik. Beim Nachzeichnen wird dann womöglich jedes Kästchen zu einer eigenen Form.

Hat dein Logo kleine Schrift, prüfe die Buchstaben vor dem Hochladen. Laufen zwei Striche schon im PNG ineinander, bleiben sie oft auch bei hoher Detailstufe verbunden. Die Schrift in einem Vektorprogramm neu zu setzen ist in solchen Fällen meist zuverlässiger, als sie aus einem unscharfen Bild zurückzuholen.

In fünf Schritten PNG in SVG umwandeln

1. Bild laden und Bildtyp prüfen

Öffne den Konverter von Bild zu SVG und klicke auf Bild auswählen oder ziehe dein PNG in den Bereich zum Ablegen. Lass die Seite geöffnet, bis das erste Ergebnis erscheint.

Das Tool wählt automatisch ein Startprofil. Klappe Verfeinern auf, falls die Einstellungen eingeklappt sind, und prüfe den Bildtyp. Für ein flächiges Logo oder Symbol wählst du Logo. Vergleiche Original und Vektorergebnis, bevor du etwas änderst. Oft sitzen die Hauptformen schon beim ersten Durchlauf.

2. Eine sinnvolle Farbanzahl festlegen

Mit Maximale Farben vereinfachst du die Palette. Bei einem zweifarbigen Logo probierst du zuerst zwei Farben und schaust, ob beide erhalten bleiben. Ein Logo mit Schattierungen braucht eventuell mehr. Ziel ist, die wichtigen Farben zu behalten, ohne dass jeder blasse Farbton am Rand zu einer eigenen Form wird.

Unter Farbpalette bearbeiten klickst du auf ein Farbfeld, um die Farbe zu ändern. Mit Markenfarbe sperren bleibt eine gewählte Farbe auch bei Änderungen an der Palette erhalten. Ähnliche Farbfelder kannst du markieren und mit Auswahl zusammenführen zu einer Zielfarbe vereinen. Prüfe die Vorschau nach jedem Schritt, vor allem dort, wo zwei Farben aneinanderstoßen.

3. Details und Glättung getrennt einstellen

Erhöhe Feine Details, wenn eine kleine Kerbe, eine dünne Linie oder die Öffnung eines Buchstabens verschwindet. Senke den Wert, wenn störende Sprenkel übrig bleiben. Eine hohe Detailstufe erzeugt eine größere, kompliziertere SVG. Sie ist also nicht automatisch die beste Wahl.

Mit Glättung passt du die Konturen an. Ändere immer nur einen Regler, dann siehst du, was tatsächlich geholfen hat. Zoome zum Prüfen nah heran und danach auf die Größe zurück, in der das Logo später erscheint. Was in starker Vergrößerung sauberer aussieht, kann ein kleines Logo schwerer lesbar machen.

4. Weißen Hintergrund vorsichtig entfernen

Schalte Weiß entfernen ein, wenn das PNG einen weißen Hintergrund hat, den du nicht brauchst. Die Funktion entfernt nur den zusammenhängenden weißen Hintergrund, nicht jede weiße Fläche im Logo.

Kontrolliere weiße Schrift und alle weißen Teile, die den äußeren Hintergrund berühren. Schau dir auch eingeschlossene Flächen an, etwa das Innere eines O: Weiße Bereiche ohne Verbindung nach außen können stehen bleiben. Ein farbiger Hintergrund, ein Schatten oder ein eingebranntes Schachbrettmuster müssen eventuell in einem Bild- oder Vektorprogramm entfernt werden.

Für eine SVG mit transparentem Hintergrund müssen die Flächen rund um das Logo tatsächlich transparent sein. Leg die exportierte Grafik testweise auf einen hellen und einen dunklen Untergrund. So fallen übrig gebliebene weiße Formen oder helle Säume auf.

5. SVG exportieren und prüfen

Wähle unter SVG-Exportprofil die Option Design, wenn du die Datei weiterbearbeiten willst. Web liefert kompakteren Code für Websites. Für Schneideplotter gibt es zusätzlich Schneiden. Wenn die Verarbeitung fertig ist, klickst du auf SVG herunterladen.

Öffne die Datei in deinem Vektorprogramm und prüfe sie, bevor du ein bestehendes Logo ersetzt:

• Lassen sich die Formen auswählen und umfärben?
• Sind Buchstabenöffnungen, schmale Zwischenräume und kleine Details noch zu sehen?
• Stimmen die Farben mit deiner Palette überein?
• Verhält sich der Hintergrund auf hellen und dunklen Flächen richtig?

Für Druck oder Fertigung prüfst du Maße und Produktionsvorgaben in der Software, mit der du den Auftrag vorbereitest. Ein SVG-Download allein macht noch keine druckfertige Datei.

Typische Probleme beim Vektorisieren von Logos

Bei Logos treten drei Probleme besonders oft auf.

Die Kontur wirkt wackelig. Starte mit einem schärferen PNG, falls du eines hast. Erhöhe die Glättung nur vorsichtig, denn zu viel davon rundet gewollte Ecken ab. Hartnäckige Probleme musst du eventuell von Hand an den Pfaden korrigieren.

Das Logo besteht aus zu vielen Formen. Reduziere die maximale Farbanzahl oder die feinen Details und prüfe, ob wichtige Merkmale erhalten bleiben. Fast gleiche Farben in der Palette kannst du zusammenführen.

Die Schrift sieht falsch aus. Nachgezeichnete Buchstaben werden zu Formen, nicht zu bearbeitbarem Text. Wenn du exakte Buchstabenformen brauchst oder den Text später ändern willst, setze ihn in deinem Vektorprogramm mit der richtigen Schriftart neu.

Häufige Fragen

Kann ich mein Logo vektorisieren, ohne zu bezahlen?

Ja. Die Bildumwandlung und der SVG-Download sind kostenlos, ohne Anmeldung und ohne Wasserzeichen. Für Grafiken aus Text musst du dich anmelden. Die Funktion ist derzeit kostenlos, es gilt ein Tageslimit pro Konto.

Kann ich ein verpixeltes Logo vektorisieren und wird es dann scharf?

Du bekommst skalierbare Konturen, aber fehlende Details aus der Vorlage lassen sich nicht zuverlässig zurückholen. Wenn es auf Genauigkeit ankommt, nimm ein klareres PNG oder baue beschädigte Stellen von Hand nach.

Bleibt der transparente Hintergrund in der SVG erhalten?

Das Tool übernimmt Transparenz aus der Vorlage. Prüfe trotzdem das exportierte Ergebnis, vor allem an weichen Kanten und Schatten, die vereinfacht werden können. Bei einem deckend weißen Hintergrund probierst du Weiß entfernen und kontrollierst die übrigen Formen.

Kann ich PNG auch mit Illustrator oder Inkscape in SVG umwandeln?

Ja, mit installierter Software. Inkscape bietet Pfad → Bitmap nachzeichnen, Illustrator den Bildnachzeichner. Danach bearbeitest du die Pfade im selben Programm. Für ein schnelles Ergebnis ohne Installation reicht der Konverter im Browser.

Kann ich ein Logo ohne vorhandenes PNG erstellen?

Mit Text zu Vektorgrafik erzeugst du aus einer Beschreibung einen ersten Entwurf. Verfeinere die Grafik danach und setze die genaue Schrift deiner Marke in einem Vektorprogramm.

Das Ergebnis vor dem Einsatz prüfen

Eine gute Umwandlung von PNG zu SVG erhält die Formen, Farben und Abstände, an denen man dein Logo erkennt. Starte mit einer klaren Vorlage, ändere nur, was wirklich nötig ist, und prüfe die exportierte Datei dort, wo sie später eingesetzt wird. Wenn du jetzt dein eigenes PNG in SVG umwandeln möchtest, öffne den Konverter und fang mit der Grafik an, die du schon hast.