So funktioniert's
- Buchstaben oder Emoji mit Farben wählen – oder ein Bild hochladen (quadratisch ist ideal).
- Form wählen und die Vorschau im Browser-Tab prüfen.
- Dateien herunterladen, ins Wurzelverzeichnis der Website legen und den HTML-Code in den <head> einfügen.
Welche Favicon-Dateien braucht man?
favicon.ico (16, 32 und 48 px in einer Datei) funktioniert in allen Browsern. Moderne Browser nutzen zusätzlich PNG-Varianten. iPhones verwenden das Apple Touch Icon (180 px), Android die 192- und 512-px-Icons aus dem Web-Manifest.
Bei sehr kleinen Größen sind Details kaum zu erkennen. Ein klarer Buchstabe oder ein einfaches Symbol mit starkem Kontrast funktioniert am besten.
Häufige Fragen
Wird mein Bild hochgeladen?
Nein. Alle Icons werden direkt in deinem Browser erzeugt.
Ist die favicon.ico eine echte ICO-Datei?
Ja. Sie enthält die Größen 16, 32 und 48 Pixel im PNG-Format, das alle aktuellen Browser unterstützen.
Warum sehe ich mein neues Favicon nicht?
Browser speichern Favicons hartnäckig. Lade die Seite mit Strg+F5 neu oder öffne sie in einem privaten Fenster.