Generatore di favicon

Che cos'è una favicon?

È la piccola icona che rappresenta un sito nella scheda del browser, nei preferiti, nella cronologia, nei risultati di ricerca su mobile e nella schermata Home di un telefono quando vi si aggiunge il sito. Senza favicon, il browser mostra un'icona generica, che fa sembrare il sito incompiuto.

Creare la tua favicon

Scegli un'immagine, idealmente quadrata, di almeno 512 × 512 pixel. Toolo genera:

• un file favicon.ico, il formato storico riconosciuto ovunque;
• un pacchetto di PNG nelle dimensioni moderne, scaricabile in ZIP.

Installare i file

Metti favicon.ico nella radice del sito: i browser lo cercano automaticamente all'indirizzo /favicon.ico. Poi aggiungi nell'<head> delle pagine i tag corrispondenti, per esempio:

• <link rel="icon" href="/favicon.ico" sizes="any">
• <link rel="apple-touch-icon" href="/apple-touch-icon.png">

Per una web app installabile, dichiara le icone 192 e 512 nel file manifest.webmanifest.

Un'icona minuscola che funzioni

• Semplifica: a 16 pixel un logo dettagliato diventa una macchia. Una lettera, un simbolo o una forma semplice funzionano meglio.
• Contrasto: l'icona deve restare leggibile sia su una scheda chiara sia su una scura.
• Occupa la superficie: lascia poco margine attorno al disegno.

La mia nuova favicon non compare

I browser tengono le favicon a lungo in cache. Ricarica la pagina forzando l'aggiornamento, apri il sito in una finestra privata o aggiungi un parametro di versione all'indirizzo, come /favicon.ico?v=2.

Domande frequenti

Serve un'immagine quadrata?

Idealmente sì. Un'immagine non quadrata verrà adattata, il che può deformarla leggermente. Ritagliala prima in forma quadrata con lo strumento Ritaglia immagine.

La mia immagine viene inviata a un server?

No. Le icone vengono generate nel tuo browser; l'immagine non lascia il tuo dispositivo.

Un PNG trasparente resta trasparente?

Sì. La trasparenza viene conservata nel file ICO e nei PNG.

Servono davvero tutte le dimensioni?

Per le schede basta favicon.ico. I PNG da 180, 192 e 512 migliorano la resa nella schermata Home dei telefoni e nelle web app.