Wie erstelle ich ein Favicon (Icon-Set) für eine Website?
Favicon-Generator online - das komplette Website-Icon-Set in einem ZIP.
Wirf ein einzelnes Bild rein (idealerweise 512×512), und wir erzeugen jede Datei, die du brauchst: favicon.ico (3 Layer), 7 PNGs in den Größen, die Browser wirklich konsumieren (16, 32, 48, 150, 180, 192, 512), eine manifest.webmanifest und ein fertiges HTML-Snippet zum Einsetzen in den <head>.
Läuft lokal - das Bild wird nicht hochgeladen.
Nach dem Ablegen auf deinem Hosting bekommst du konsistentes Icon-Rendering auf jeder Plattform: Chrome, Safari, iPhone-Homescreen, Android, Windows-gepinnte Kachel.
So nutzt du das Tool
- Lade ein quadratisches Quellbild hoch - idealerweise 512×512 px PNG mit Transparenz. Logo, App-Icon, Monogramm.
- Tippe deinen Sitenamen ein - er landet in der manifest.webmanifest als PWA-App-Titel, wenn ein Nutzer deine Seite zum Homescreen hinzufügt.
- Klick "Set generieren" - der Generator baut 8 PNG/ICO-Dateien + Manifest + HTML-Snippet.
- Lade das ZIP herunter, entpack es in den /public-Ordner deines Servers, füg das HTML-Snippet in den <head> ein. Fertig - das Favicon funktioniert auf jeder Plattform.
Was du im Bundle bekommst
Was im ZIP steckt - das Bundle enthält:
- favicon.ico (3 Layer) - Internet Explorer, Fallback für ältere Browser, manche RSS-Reader.
- favicon-16x16.png und favicon-32x32.png - moderne Browser (Chrome, Firefox, Safari) wählen das Passende für die DPI.
- apple-touch-icon.png (180×180) - iPhone und iPad. Fügt ein Nutzer deine Seite zum Homescreen, wird das zum App-Icon.
- android-chrome-192x192.png und 512×512 - Android Chrome - Homescreen und PWA-Splash.
- mstile-150x150.png - Windows 10/11, wenn ein Nutzer deine Seite ans Startmenü pinnt.
- manifest.webmanifest - PWA-kompatibles Manifest für "Zum Homescreen hinzufügen".
- site.html - kopierbereites Snippet für den <head>.
Fragen und Antworten
Idealerweise 512×512 px oder größer, quadratisch, PNG mit Transparenz. Größer gibt dem Generator Spielraum für scharfes Herunterskalieren bis runter auf 16 px. Lädst du kleiner hoch (256×256), werden 192/512 PNGs durchs Hochskalieren unscharf.