Favicon-Generator
Lade ein Logo hoch oder erstelle ein Icon aus einem Buchstaben oder Emoji und lade alle Favicon-Größen herunter, die moderne Browser und Smartphones brauchen – samt HTML zum Einbinden.
Deine Dateien verlassen nie dein Gerät – alles läuft in deinem Browser.
So geht's
- 1Wähle „Aus Bild“ und lade ein quadratisches Logo hoch, oder wähle „Aus Text“ und gib einen Buchstaben oder ein Emoji ein.
- 2Wähle bei Text-Icons die Farben und eine eckige, abgerundete oder runde Form.
- 3Prüfe die Vorschauen, auch wie das Icon bei 16 px im Browser-Tab aussieht.
- 4Lade das ZIP herunter, lade die Dateien in das Stammverzeichnis deiner Website hoch und füge das HTML-Snippet in deinen <head> ein.
Häufig gestellte Fragen
Welche Favicon-Dateien brauche ich wirklich?
favicon.ico deckt jeden Browser ab, auch alte. Das 32×32-PNG nutzen moderne Browser, apple-touch-icon.png nutzen iPhones und iPads, wenn eine Seite zum Home-Bildschirm hinzugefügt wird, und die 192/512-Icons mit site.webmanifest nutzen Android und installierbare Web-Apps.
Mein Logo ist nicht quadratisch. Was passiert?
Der Generator schneidet das mittlere Quadrat deines Bildes aus. Am besten startest du mit einem quadratischen Logo mit etwas Rand. Details verschwinden bei 16 px, einfache Formen funktionieren daher am besten.
Warum wird mein neues Favicon nicht angezeigt?
Browser cachen Favicons hartnäckig. Lade die Seite nach dem Hochladen hart neu (Strg+F5 oder Cmd+Shift+R) oder öffne sie in einem privaten Fenster. Prüfe außerdem, ob die Dateien im Stammverzeichnis liegen.
Wird mein Logo hochgeladen?
Nein. Alle Icons werden in deinem Browser gezeichnet und gepackt.