Favicon-Übersicht für 2021

• Je nach Browser-Spezifikation werden unzählige Dateien benötigt – hier wird das zu einer Lösung zusammengefasst

• 5 Bilder und eine JSON-Datei

→ .ico 32x32: für ältere Browser

→ .svg: skalierbar, von den meisten modernen Browsern unterstützt, unterstützt auch Dark Mode

→ apple-touch-icon 180x180: für Apple-Geräte, seit iOS 8+ in der Größe 180x180. Mit etwa 20 px Padding und einer Hintergrundfarbe sieht es besser aus

→ manifest (JSON): für PWA und Android-Geräte

→ 192x192: Homescreen

→ 512x512: für den Splash-Screen beim Laden einer PWA

• Der Artikel erklärt Schritt für Schritt, wie diese 5 Icons aus einer einzigen SVG erstellt und optimiert werden