Favicon & Touch-Icon
Ein Favicon ist das kleine Symbol, das eine Website in Browser-Tabs, Lesezeichen und Suchergebnissen repräsentiert, während ein Touch-Icon eine größere Version davon ist, die verwendet wird, wenn eine Seite auf dem mobilen Homescreen gespeichert wird.
In der Praxis
Mehrere Icon-Größen im HTML-Head der Website oder in einer Manifest-Datei bereitzustellen, sorgt dafür, dass das Icon in unterschiedlichen Geräten und Kontexten scharf dargestellt wird, statt unschön aus einem einzigen kleinen Bild hochskaliert zu werden. Für die Anzeige in den Google-Suchergebnissen muss das Favicon quadratisch sein (Seitenverhältnis 1:1) und mindestens 8 × 8 Pixel messen; Google empfiehlt mehr als 48 × 48 Pixel, damit es auf allen Oberflächen gut aussieht.