Favicon: cos’è, significato e a cosa serve

La favicon è la piccola icona che rappresenta un sito web. La vedi nelle schede del browser, nei preferiti e nella cronologia, nella schermata Home dello smartphone e accanto al nome del sito nei risultati di Google.

Favicon: significato

Il termine nasce da favorite icon, cioè «icona dei preferiti». Internet Explorer la introdusse nel 1999 per mostrare un’icona accanto ai siti salvati nel menu «Preferiti». Il nome è rimasto, anche se oggi la favicon compare quasi ovunque appaia un sito.

Dove appare la favicon

Schede del browser: è il modo in cui le persone ritrovano la tua scheda tra tante
Preferiti e cronologia
Risultati di Google: accanto al nome del sito, su mobile e desktop
Schermata Home di iPhone e Android, quando qualcuno aggiunge il sito
Anteprime dei link in alcune app di chat e lettori di feed

Perché la favicon è importante

Senza favicon il browser mostra una pagina bianca o un globo. Il sito sembra incompleto e la scheda è più difficile da trovare. Nei risultati di ricerca, una favicon chiara aiuta a riconoscere il sito prima ancora del clic.

Come dev’essere una buona favicon

Una favicon viene mostrata anche a soli 16×16 pixel, quindi le migliori sono semplici:

una forma decisa oppure da una a tre lettere
contrasto forte tra icona e sfondo
i colori del tuo marchio

Dettagli piccoli, linee sottili e parole lunghe a quella dimensione scompaiono.

Quali file servono

Oggi di solito basta questo set:

File	Dove si usa
favicon.ico (con 16, 32, 48)	Quasi tutti i browser
favicon-16x16.png, favicon-32x32.png	Schede del browser
apple-touch-icon.png (180×180)	Schermata Home di iPhone e iPad
android-chrome-192x192.png, 512x512.png	Android e PWA

Come creare una favicon online

Il modo più semplice è il favicon generator gratuito: scegli il logo e scarichi tutto il set con il codice HTML in un unico ZIP. Se non hai un logo, puoi creare una favicon da testo o emoji. Dopo averla caricata, verifica tutto con il controllo favicon.