Come aggiungere un favicon in HTML
Tre tag coprono il 99 % dei casi. Altri due ti danno un setup completo a livello PWA.
3 min di lettura
Il tag minimo
<link rel="icon" href="/favicon.ico"> — nient'altro. Ogni browser lo recupererà.
Il set moderno consigliato
Aggiungi SVG e apple-touch-icon per una resa nitida su ogni piattaforma:
<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">
Prompt di installazione PWA
Aggiungi un manifest.json con voci PNG 192×192 e 512×512, poi collegalo con <link rel="manifest" href="/site.webmanifest">.