Il Favicon Checker/Generator ti aiuta in due modi: funziona come generatore di favicon completo, creando tutte le dimensioni standard partendo da una tua immagine, e come verifica veloce per scoprire se un sito ha già una favicon raggiungibile all'indirizzo standard. Tutto avviene nel tuo browser: le immagini che carichi non vengono mai inviate a un server.
Tutte le dimensioni standard
Da 16×16 per la scheda del browser fino a 512×512 per le app installate su smartphone, generate in un colpo solo.
Codice pronto da incollare
Insieme alle immagini ottieni anche i tag da inserire nell'head del sito, senza doverli scrivere a mano.
Verifica veloce
Controlla se un sito ha già una favicon configurata, senza dover aprire gli strumenti sviluppatore del browser.
Clicca per caricare un'immagine quadrata (PNG o JPG, min. 512×512 consigliati)
Perché una favicon ben fatta conta più di quanto sembri
La favicon è quella piccola icona che appare nella scheda del browser, accanto ai preferiti e, sui dispositivi mobili, come icona quando qualcuno salva il tuo sito sulla schermata home. È un dettaglio minuscolo, letteralmente pochi pixel, ma è anche uno dei primi elementi di riconoscibilità del tuo brand che una persona incontra, spesso prima ancora di leggere una singola parola della pagina. Un sito senza favicon, o con un'icona generica lasciata di default, comunica una sensazione di incompiuto che stona con un progetto altrimenti curato. Questo strumento nasce per togliere di mezzo la parte tecnica di creare una favicon: carichi un'immagine, ottieni tutte le dimensioni che ti servono, pronte da caricare sul server.
Quando ti serve davvero
Hai appena lanciato un nuovo sito
Tra tutte le cose da sistemare al lancio di un sito, la favicon è quella che si dimentica più spesso, perché non blocca nulla e il sito "funziona" comunque senza. Ma è anche la più veloce da sistemare: bastano il tuo logo e due minuti con questo generatore per avere tutte le dimensioni pronte.
Hai cambiato logo o rifatto il brand
Quando aggiorni l'identità visiva di un'attività, la favicon va aggiornata insieme al resto: lasciarla vecchia crea un piccolo disallineamento che chi conosce bene il brand nota subito, anche se in tanti non saprebbero dire esattamente cosa li disturba.
Vuoi verificare il sito di un cliente o di un competitor
Prima di proporre un audit o un preventivo, un controllo veloce sulla favicon (insieme ad altri dettagli tecnici) ti dà subito un'idea di quanta cura sia stata messa nei dettagli di un sito, senza dover aprire il codice sorgente della pagina.
Come leggere i risultati
Nella sezione "Genera favicon" trovi sei dimensioni pronte: 16×16 e 32×32 per le schede del browser, 48×48 per Windows, 180×180 per la schermata home di iPhone e iPad (apple-touch-icon), 192×192 e 512×512 per Android e per le Progressive Web App. Sotto le anteprime trovi già pronti i tag da incollare nell'head del tuo sito, con i percorsi che puoi adattare a dove effettivamente carichi i file. Nella sezione dedicata alla verifica favicon del sito, invece, ti basta incollare un URL per sapere subito se il dominio ha già un'icona raggiungibile.
Un consiglio pratico che diamo sempre ai nostri clienti: parti da un'immagine quadrata di almeno 512×512 pixel, con il soggetto centrato e senza scritte piccole — a 16×16 pixel qualsiasi dettaglio fine sparisce, quindi meglio un simbolo semplice e riconoscibile piuttosto che il logo completo con nome dell'azienda.
Limite dello strumento di verifica: il controllo cerca esclusivamente il file all'indirizzo standard "/favicon.ico" nella radice del dominio. Molti siti moderni (incluso WordPress) dichiarano invece la favicon tramite un tag <link> personalizzato nell'head della pagina, con un percorso diverso: in quel caso questo controllo può risultare "non trovata" anche se il sito ha in realtà una favicon funzionante. Per una verifica completa resta comunque utile guardare direttamente il codice sorgente della pagina.
I limiti di questo strumento
Il generatore lavora sempre partendo da un ritaglio quadrato centrato dell'immagine che carichi: se il soggetto principale non è al centro, ti consigliamo di ritagliare tu stesso l'immagine prima di caricarla, per avere il massimo controllo sul risultato finale. Inoltre lo strumento produce file PNG nelle dimensioni standard, non un vero file .ico multi-risoluzione: per la stragrande maggioranza dei siti moderni i PNG dichiarati via tag <link> sono più che sufficienti e supportati da tutti i browser aggiornati, ma se il tuo progetto richiede specificamente un singolo file .ico classico, puoi convertire un'immagine in favicon .ico partendo da uno dei PNG generati, usando uno strumento dedicato a quel formato.
Domande frequenti
Non esiste una sola dimensione: servono più formati, da 16×16 fino a 512×512, per browser e dispositivi diversi.
I browser desktop usano tipicamente 16×16 o 32×32 pixel per la scheda, Windows può richiedere 48×48 per i preferiti, Apple usa 180×180 per l'icona salvata in home su iPhone e iPad, mentre Android e le Progressive Web App richiedono tagli più grandi come 192×192 e 512×512 per le icone ad alta risoluzione. Per questo motivo la pratica corretta è generare tutto il set completo, non una sola immagine, e dichiarare ciascuna dimensione con il proprio tag nell'head della pagina.
No, oggi tutti i browser moderni supportano anche favicon in formato PNG dichiarate via tag .
Il formato .ico nasce da un'epoca in cui solo Internet Explorer lo riconosceva, ma da anni tutti i browser principali (Chrome, Firefox, Safari, Edge) supportano perfettamente anche PNG e persino SVG come favicon, purché dichiarati correttamente con il tag nell'head della pagina. Mantenere anche un file favicon.ico nella root resta comunque una buona pratica di compatibilità, perché alcuni browser molto datati o alcuni bot cercano quel percorso di default anche senza che sia dichiarato esplicitamente.
Perché il controllo cerca solo il percorso standard "/favicon.ico": se la tua favicon è dichiarata con un percorso diverso, non viene rilevata.
Molti CMS moderni, WordPress compreso, caricano la favicon in una cartella diversa dalla radice del dominio (ad esempio dentro /wp-content/uploads/) e la dichiarano tramite un tag specifico nell'head della pagina, invece di posizionarla nel percorso standard "/favicon.ico". In questi casi il sito funziona correttamente nel browser, ma questo controllo automatico — che verifica solo il percorso di default — non riesce a rilevarla. Per una conferma definitiva, la soluzione più affidabile resta guardare il codice sorgente della pagina.
No, l'intera elaborazione avviene nel tuo browser: l'immagine non lascia mai il tuo computer.
Il generatore usa la FileReader API e un elemento Canvas del browser per leggere e ridimensionare l'immagine interamente in locale: non c'è alcun upload verso un server esterno, né di Seonsitestudio.com né di terze parti. Questo rende lo strumento adatto anche a loghi o materiali non ancora pubblici, senza alcun rischio di esposizione prima del lancio ufficiale del sito.