ICO vs PNG für Favicons
ICO ist universell, aber alt; PNG ist modern, braucht aber explizite Verlinkung. So setzen Sie beide zusammen ein.
ICO: der universelle Fallback
Jeder Desktop-Browser ruft /favicon.ico automatisch ab – ohne Ihr Zutun. Es ist ein Container, der mehrere Auflösungen bündeln kann.
Windows-Verknüpfungen und der Datei-Explorer basieren auf .ico. Selbst wenn Sie Web-Favicons nicht priorisieren, sollten Sie für das Betriebssystem eine bereitstellen.
PNG: pixelgenau auf jeder Dichte
PNG wird auf High-DPI-Displays gestochen scharf gerendert, wenn Sie es per <link rel="icon" sizes="..."> einbinden.
Verwenden Sie 192×192 und 512×512 PNGs für das Web-Manifest sowie 180×180 für das apple-touch-icon.
Fazit: Beides einsetzen
Eine Mehrgrößen-.ico für universelle Kompatibilität ausliefern, plus PNG-Varianten für HD-Displays und PWA-Installationsdialoge. Zusätzlich ein SVG für das schärfste skalierbare Icon.