Favicon aus jedem Bild erstellen
10 / 10ICO, PNG in allen Größen, Apple Touch Icon, Android Chrome und PWA-Manifest – ein Upload, ein ZIP.
Ausgangsbild hochladen
PNG, SVG, JPG oder WebP – 512×512 empfohlen
PNG, JPG, SVG, WebP – bis 10 MB
— —
Favicons werden erstellt…
Ergebnis
Hier erscheint das Ergebnis
Lade ein Bild hoch und klicke auf „Favicons erstellen“
So funktioniert der Favicon-Generator
Erstelle ein komplettes Favicon-Paket aus einem einzigen Bild. Ein Upload deckt alle Browser, Geräte und Plattformen ab.
Komplettes Favicon-Paket
Erstelle mit einem Klick alle benötigten Favicon-Größen – ICO (16/32/48 px), Apple Touch Icon (180 px), Android Chrome (192/512 px) und eine Web-App-Manifest-Datei.
Einfacher Ablauf
Lade ein einziges hochauflösendes Bild (PNG, SVG oder JPG) hoch – das Tool skaliert, beschneidet und konvertiert es automatisch in alle benötigten Formate.
Einsatzbereites HTML
Du erhältst das komplette HTML-Snippet mit allen link- und meta-Tags. Füge es in den head deiner Seite ein, und deine Favicons funktionieren überall – in Browsern, Lesezeichen und auf Homescreens.
PWA-Unterstützung
Die erzeugte manifest.webmanifest enthält Icons für Progressive Web Apps. Installiere deine Website als Mobil- oder Desktop-App – mit dem richtigen Icon auf jeder Plattform.
Häufig gestellte Fragen
Verwende ein quadratisches Bild mit mindestens 512x512 Pixeln. Das Tool verkleinert es auf alle benötigten Größen. SVG-Vorlagen liefern in jeder Größe die schärfsten Ergebnisse, weil sie auflösungsunabhängig sind.
Ja. Das ICO-Format wird für ältere Browser und die Windows-Taskleiste weiterhin benötigt. Es bündelt mehrere Größen (16, 32, 48 px) in einer Datei. Unser Generator erstellt sie automatisch zusammen mit den modernen PNG-Favicons.
Wenn jemand deine Website auf einem iPhone oder iPad als Lesezeichen speichert, verwendet Safari das Apple Touch Icon (180x180 PNG) als Lesezeichenbild und Icon auf dem Homescreen. Ohne es macht Safari einen Screenshot deiner Seite, der meist schlecht aussieht.
Lade das ZIP herunter, entpacke die Dateien in dein öffentliches Verzeichnis und füge die mitgelieferten HTML-Tags in den head deiner Seite ein. Das HTML-Snippet verweist mit den richtigen Pfaden und Attributen auf alle Icons.