Generatore Favicon

Cos'è un generatore di favicon?

Una favicon è la piccola icona visualizzata nelle schede del browser, nei segnalibri, nei risultati di ricerca e nei collegamenti alle app per un sito web. Tipicamente 16x16, 32x32 o 48x48 pixel, le favicon aiutano gli utenti a identificare il tuo sito tra molte schede aperte. Questo strumento genera favicon in tutte le dimensioni e formati richiesti da una singola immagine sorgente.

I siti web moderni hanno bisogno di più dimensioni di favicon: 16x16 e 32x32 per le schede del browser, 180x180 per le icone Apple touch, 192x192 e 512x512 per i collegamenti alla schermata principale Android, e a volte SVG per la visualizzazione scalabile. Questo strumento genera tutte le dimensioni richieste da un singolo caricamento, più i tag HTML link necessari da includere nel sito.

Come usare questo strumento

Caricare un'immagine quadrata (idealmente almeno 512x512 pixel). Lo strumento genera tutte le dimensioni e i formati di favicon standard. Visualizzare in anteprima come appare ogni dimensione. Scaricare il pacchetto favicon completo incluso il file ICO, le versioni PNG e i tag HTML meta da incollare nella sezione head del sito.

Dimensioni favicon richieste

• 16x16 — icona nella scheda del browser (la dimensione favicon classica).
• 32x32 — collegamento nella barra delle applicazioni, schede del browser ad alta densità.
• 180x180 — Apple Touch Icon per la schermata principale iOS.
• 192x192 e 512x512 — schermata principale e splash screen Android (manifesto PWA).

Consigli per il design delle favicon

Le favicon devono essere riconoscibili a dimensioni minuscole. Usare forme audaci, geometria semplice e alto contrasto. Il testo raramente funziona sotto i 32x32. Una singola lettera o simbolo astratto del brand è più efficace. Testare la favicon alla dimensione di visualizzazione reale (16x16) — i dettagli che sembrano ottimi a 512x512 diventano puntini invisibili alla dimensione favicon. Usare uno sfondo trasparente per le favicon PNG.

Domande frequenti

Qual è la differenza tra favicon.ico e le favicon PNG?

Il formato ICO può contenere più dimensioni in un singolo file ed è supportato da tutti i browser inclusi quelli più vecchi. Le favicon PNG sono più semplici (una dimensione per file) e sono usate dai browser moderni. La maggior parte dei siti include ora entrambe: un file ICO per la massima compatibilità e PNG/SVG per i browser moderni. I tag HTML link indicano al browser quale usare.

Perché la mia favicon non viene visualizzata?

Motivi comuni: il browser ha in cache una vecchia favicon (provare a svuotare la cache o caricare in una finestra privata), il percorso del file nel tag HTML link è errato, il formato del file è sbagliato, oppure la favicon non si trova nella directory radice. I browser memorizzano nella cache le favicon in modo aggressivo — possono volerci giorni prima che una favicon aggiornata venga visualizzata. Aggiungere una stringa di query (favicon.ico?v=2) può forzare l'aggiornamento.