So verwenden Sie den Favicon-Generator

Laden Sie ein quadratisches Bild hoch (idealerweise 512×512 px oder größer, je höher die Auflösung, desto schärfer die kleineren Größen).
Wählen Sie die benötigten Größen: 16, 32 und 48 px decken die meisten Browser ab; 180 px für Apple-Touch-Icons; 192 und 512 px für PWA-Manifeste.
Klicken Sie auf Generieren & Herunterladen für ein ZIP-Archiv mit allen gewählten Größen als PNG.

Empfohlene Favicon-Größen

Größe	Verwendung
16×16	Browser-Tab, Lesezeichen-Leiste
32×32	Windows-Taskleisten-Verknüpfung, HiDPI-Tab
48×48	Windows-Website-Verknüpfung
180×180	`apple-touch-icon` für iOS-Startbildschirm
192×192	PWA-Manifest-Icon (Standard)
512×512	PWA-Manifest-Icon (Ladebildschirm)

Favicons zur Website hinzufügen

PNG-Dateien im Website-Stammverzeichnis ablegen und diese <link>-Tags im HTML-<head> hinzufügen:

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

Tipps für beste Ergebnisse

Einfaches, klares Design verwenden, feine Details verschwinden bei 16×16 px
Hohen Kontrast für helle und dunkle Browserthemen sicherstellen
Transparenten Hintergrund verwenden, damit sich das Icon an jede Benutzeroberfläche anpasst
Möglichst von SVG als Quelle starten für verlustfreie Skalierung

Datenschutz

Die gesamte Generierung erfolgt im Browser. Kein Bild wird hochgeladen.