PNG-in-SVG-Konverter und Favicon-Generator
Verwandle ein Logo, Icon oder eine Zeichnung als PNG oder JPG in Sekunden in ein sauberes, skalierbares SVG. Du kannst außerdem jedes SVG öffnen, ansehen und als scharfes PNG, JPG oder WebP in beliebiger Größe speichern, und aus einem Bild, SVG oder Buchstaben ein komplettes Favicon-Set (favicon.ico, Apple- und Android-Icons und die HTML-Tags) erstellen. Alles läuft in deinem Browser; deine Dateien werden nie hochgeladen.
Kostenlos · Ohne Anmeldung
So funktioniert es
- Wähle ein Werkzeug: PNG / JPG in SVG, SVG-Viewer und SVG in PNG oder Favicon- und ICO-Generator.
- Zum Vektorisieren wählst du dein Bild und stellst Farbanzahl, Detailgrad und Glättung ein, bis das SVG passt. Für Unterschriften und Strichzeichnungen nimmst du Schwarz-Weiß.
- Um ein SVG umzuwandeln, öffne die Datei oder füge den Code ein, wähle PNG, JPG oder WebP, eine Größe (1×, 2×, 4× oder eigene Breite) und einen Hintergrund und lade herunter.
- Für ein Favicon nimmst du dein Logo, ein SVG oder einen Buchstaben bzw. ein Emoji, stellst Form, Farbe und Innenabstand ein und lädst das ZIP mit favicon.ico, PNG-Icons, Web-Manifest und HTML-Tags herunter.
Warum dieses Tool
Echte Vektorisierung
Dein Bild wird in echte SVG-Pfade umgewandelt, nicht nur ein PNG in ein SVG gepackt, und bleibt so in jeder Größe scharf und bearbeitbar.
Farbe und Schwarz-Weiß
Logos mit 2 bis 16 Farben vektorisieren, oder Unterschriften und Strichzeichnungen in Schwarz-Weiß mit einstellbarer Schwelle.
SVG in PNG, JPG und WebP
Jedes SVG ansehen, Größe und viewBox prüfen und in 1×, 2×, 4× oder jeder Breite bis 8.192 px exportieren.
Komplettes Favicon-Set
favicon.ico mit bis zu 7 Größen, PNGs in 16 und 32 px, Apple-Touch-Icon, Android-Icons, site.webmanifest und fertiges HTML.
Icons aus einem Buchstaben
Noch kein Logo? Erstelle ein Favicon aus einem Buchstaben oder Emoji in deinen Farben, eckig, abgerundet oder rund.
Privat
Bilder werden auf deinem Gerät verarbeitet. Nichts wird hochgeladen, und das Tool funktioniert nach dem Laden auch offline.
So funktioniert die Umwandlung von PNG in SVG
Ein PNG oder JPG ist ein Raster aus farbigen Pixeln; ein SVG beschreibt Formen mit Linien und Kurven. Für die Umwandlung reduziert das Tool das Bild zuerst auf wenige flache Farben, zeichnet dann die Umrisse jeder Farbfläche nach und glättet die Kanten zu Kurven. Das nennt man Vektorisieren oder Nachzeichnen.
Am besten klappt es mit Logos, Icons, Cliparts, Text, Unterschriften und Zeichnungen mit klaren Kanten. Fotos haben tausende Farben und weiche Verläufe und sehen danach wie ein Poster aus; für Fotos bleibst du besser bei PNG oder JPG.
- Starte mit der größten und schärfsten Version deines Bildes.
- Nimm so wenige Farben, wie das Design wirklich hat; weniger Farben ergeben ein saubereres, kleineres SVG.
- Erhöhe den Detailgrad für kleine Schrift und feine Linien; senke ihn für glattere Formen.
- Schalte Hintergrund entfernen für Logos auf weißem oder farbigem Quadrat ein.
Diese Favicon-Größen brauchst du 2026
Browser, Smartphones und Suchmaschinen suchen nach unterschiedlichen Icon-Dateien. Dieses Set deckt alle aktuellen Browser, die Google-Suchergebnisse, den Homescreen von iPhone und iPad und Android ab:
| Datei | Größe | Genutzt von |
|---|---|---|
| favicon.ico | 16, 32 und 48 px | Allen Browsern, Windows und den Google-Suchergebnissen |
| favicon.svg | Skalierbar | Modernen Browsern, scharf bei jedem Zoom |
| favicon-32x32.png | 32 × 32 px | Browser-Tabs auf hochauflösenden Bildschirmen |
| apple-touch-icon.png | 180 × 180 px | Homescreen von iPhone und iPad |
| android-chrome-192x192.png | 192 × 192 px | Android-Startbildschirm |
| android-chrome-512x512.png | 512 × 512 px | Android-Ladebildschirm und installierten Web-Apps |
SVG oder PNG: was wann?
Nutze SVG für Logos, Icons und Illustrationen auf Websites: Es ist auf jedem Bildschirm scharf, meist kleiner und per CSS gestaltbar. Nutze PNG, wenn eine Plattform kein SVG annimmt, etwa die meisten sozialen Netzwerke, E-Mail-Programme, Word und viele Formulare, oder für Screenshots und sehr detailreiche Bilder. Ein Export von SVG in PNG mit 2× oder 4× sieht auf hochauflösenden Bildschirmen scharf aus.
Häufige Fragen
Wie wandle ich ein PNG in SVG um?
Wähle PNG / JPG in SVG, öffne dein Bild, stelle Farbanzahl und Detailgrad ein, bis die Vorschau passt, und klicke auf SVG herunterladen.
Ist das SVG ein echter Vektor oder nur ein eingebettetes Bild?
Ein echter Vektor. Jede Farbfläche wird zu einem SVG-Pfad, du kannst es also ohne Unschärfe skalieren und in Illustrator, Inkscape, Figma oder Canva bearbeiten.
Kann ich ein JPG in SVG umwandeln?
Ja. JPG, WebP, GIF und BMP funktionieren wie PNG. Weil JPG Kanten unscharf macht, nimm wenige Farben und schalte Kleine Flecken entfernen ein.
Wie wandle ich SVG in PNG um?
Wähle SVG-Viewer und SVG in PNG, öffne das SVG oder füge den Code ein, wähle Größe und Hintergrund und klicke auf Bild herunterladen. Auch JPG und WebP sind möglich.
Wie erstelle ich eine favicon.ico?
Öffne den Favicon- und ICO-Generator, wähle ein quadratisches Bild, ein SVG oder einen Buchstaben und klicke auf Nur favicon.ico herunterladen, oder lade das ZIP mit dem kompletten Set und den HTML-Tags herunter.
Wohin kommen die Favicon-Dateien?
Lade sie ins Hauptverzeichnis deiner Website hoch, sodass /favicon.ico im Browser öffnet, und füge die HTML-Tags in den <head> jeder Seite ein. In WordPress kannst du auch unter Design › Customizer ein Website-Icon festlegen.
Werden meine Bilder hochgeladen?
Nein. Die gesamte Umwandlung läuft in deinem Browser. Deine Dateien verlassen nie dein Gerät.
Logo vektorisieren und ein sauberes SVG erhalten
Ähnliche Tools
Möchtest du etwas bauen?
Sag uns, was du erstellen möchtest.
Sag uns, was du entwickeln lassen möchtest - von einer einfachen Website bis zu einer kompletten App, KI-Lösung, Automatisierung oder individuellen Software.