Favicon toevoegen in HTML
Drie tags dekken 99 % van de gevallen. Twee extra geven je een volledige PWA-grade setup.
3 min leestijd
De minimale tag
<link rel="icon" href="/favicon.ico"> — dat is alles. Elke browser haalt het op.
De moderne aanbevolen set
Voeg SVG en apple-touch-icon toe voor scherpe weergave op elk platform:
<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-installatieprompts
Voeg een manifest.json toe met 192×192- en 512×512-PNG-vermeldingen, en link met <link rel="manifest" href="/site.webmanifest">.