So erstellst du ein Favicon für deine Website
Ein Favicon ist das kleine Symbol im Browser-Tab. Es lässt deine Seite professionell wirken und macht sie zwischen vielen Tabs leichter auffindbar. So erstellst du eines richtig.
Beginne mit dem richtigen Ausgangsbild
Nimm ein quadratisches Bild von mindestens 512 × 512 Pixeln oder ein SVG. Wähle eine einfache Form oder einen einzelnen Buchstaben. Feine Details verschwinden bei 16 × 16 Pixeln, der Größe, die in den meisten Browser-Tabs angezeigt wird.
Welche Dateien brauchst du?
Ein modernes Setup braucht favicon.ico (16, 32 und 48 Pixel in einer Datei), ein 32 × 32 PNG, ein apple-touch-icon.png mit 180 × 180 Pixeln für iPhones und iPads sowie PNGs in 192 und 512 Pixeln für Android und installierbare Web-Apps.
Der Favicon-Generator auf dieser Seite erstellt alle aus einem Bild und liefert dir das HTML zum Einfügen.
Einbauen
Lade die Dateien in das Hauptverzeichnis deiner Website hoch, sodass /favicon.ico funktioniert, und füge die Link-Tags in den Head jeder Seite ein. Viele Website-Baukästen haben in den Einstellungen ein Favicon-Feld, in dem du nur ein Bild hochladen musst.
Warum erscheint mein neues Favicon nicht?
Browser cachen Favicons sehr hartnäckig. Öffne die Seite in einem privaten Fenster oder hänge eine Version an die URL, etwa /favicon.ico?v=2, und lade ein paar Mal neu. Suchmaschinen brauchen mitunter Tage oder Wochen, bis sie ein neues Icon übernehmen.