Favicon in HTML hinzufügen
Drei Tags decken 99 % der Fälle ab. Zwei weitere ergeben ein vollwertiges PWA-Setup.
3 Min. Lesezeit
Das Minimum-Tag
<link rel="icon" href="/favicon.ico"> – das genügt. Jeder Browser holt es sich.
Das moderne empfohlene Set
SVG und apple-touch-icon für scharfe Darstellung auf jeder Plattform ergänzen:
<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
PWA-Installationsdialoge
Eine manifest.json mit 192×192- und 512×512-PNG-Einträgen ergänzen, dann <link rel="manifest" href="/site.webmanifest"> verlinken.