1. Carica un'immagine
Carica un'immagine quadrata (almeno 512x512 px). Formati supportati: PNG, JPG, WebP.
Generatore di favicon
Crea da una singola immagine favicon.ico e icone PNG in tutte le dimensioni richieste. Compatibile con i requisiti dei browser e di Lighthouse - tutto viene eseguito localmente nel tuo browser.
Anteprima e file favicon
favicon.ico
Fatto! I file favicon sono stati generati. Consulta l’elenco qui sotto.
favicon-16x16.png
Fatto! I file favicon sono stati generati. Consulta l’elenco qui sotto.
favicon-32x32.png
Fatto! I file favicon sono stati generati. Consulta l’elenco qui sotto.
apple-touch-icon.png
Fatto! I file favicon sono stati generati. Consulta l’elenco qui sotto.
android-chrome-192x192.png
Fatto! I file favicon sono stati generati. Consulta l’elenco qui sotto.
android-chrome-512x512.png
Fatto! I file favicon sono stati generati. Consulta l’elenco qui sotto.
Perché ogni sito ha bisogno di un favicon?
Un favicon è molto più di una piccola icona: è un elemento essenziale dell'identità di brand sul web. I browser lo mostrano nella scheda, gli utenti lo vedono nei preferiti e nella cronologia, e Lighthouse verifica la sua presenza come buona pratica. Senza favicon, un sito appare incompleto.
I siti moderni hanno bisogno di favicon in più dimensioni: un favicon.ico per i browser più vecchi, icone PNG per i browser desktop, un Apple Touch Icon per i dispositivi iOS e icone più grandi per le installazioni PWA su Android. Questo strumento genera tutti i file necessari da una singola immagine.
Come usare il generatore di favicon
La generazione richiede solo pochi secondi:
2. Scegli le opzioni
Seleziona le dimensioni desiderate e se generare un site.webmanifest.3. Scarica il ZIP
Scarica tutti i file generati in un archivio ZIP e aggiungili al tuo sito.
| File | Dimensione | Utilizzo |
|---|---|---|
| favicon.ico | 16x16 + 32x32 | Scheda del browser (standard) |
| favicon-16x16.png | 16x16 | Scheda del browser (piccola) |
| favicon-32x32.png | 32x32 | Scheda del browser (Retina) |
| apple-touch-icon.png | 180x180 | Schermata home iOS, Safari |
| android-chrome-192x192.png | 192x192 | Android, installazione PWA |
| android-chrome-512x512.png | 512x512 | Splashscreen PWA, risultati Google |
| site.webmanifest | - | Configurazione PWA (opzionale) |
Quali file vengono generati?
Lo strumento genera tutti i file favicon richiesti dai browser moderni e da Lighthouse. Ogni file ha un ruolo specifico:
- favicon.ico - il formato classico, supportato da tutti i browser. Contiene 16x16 e 32x32 in un unico file.
- Apple Touch Icon - mostrato sulla schermata home di iOS quando un utente aggiunge il sito ai preferiti.
- Icone PWA - per dispositivi Android e Progressive Web App. Utilizzate durante l'installazione sulla schermata home.
Dove viene mostrato il favicon?
Il favicon appare in diversi punti sul web:
Schede del browser
Il favicon appare accanto al titolo della pagina nella scheda - il punto più visibile.Preferiti e cronologia
I browser usano il favicon nella barra dei preferiti e nella cronologia.Schermata home (mobile)
Quando un utente aggiunge il sito alla schermata home, viene usato l'Apple Touch Icon o l'icona PWA.Risultati Google
Google mostra il favicon accanto all'URL nei risultati di ricerca mobili.Audit Lighthouse
Lighthouse verifica la presenza di un favicon - e una buona pratica per le prestazioni web.Installazione PWA
Durante l'installazione di una PWA, le icone 192x192 e 512x512 vengono usate come icona dell'applicazione.
Come scaricare i file generati
Dopo la generazione delle icone, hai diverse opzioni di download:
Scaricare tutto in ZIP
Il pulsante Scarica tutto raggruppa tutti i file generati in un unico archivio ZIP. L'opzione più comoda quando hai bisogno del set completo di icone.Scaricare file singoli
Ogni icona generata ha il suo pulsante di download: puoi scaricare un singolo file senza l'intero set. Utile quando devi aggiornare una sola dimensione.
Dove e come aggiungere un favicon
WordPress
La maggior parte dei temi WordPress dispone di un'opzione integrata per configurare l'icona del sito. La trovi nel pannello di amministrazione:
Aspetto > Personalizza > identità del sito > Icona del sito
Carica il file 512x512: WordPress generera automaticamente le dimensioni più piccole. Per un controllo totale sulle icone, puoi anche caricare i file direttamente nella directory principale tramite FTP.
Quale immagine sorgente funziona meglio?
Un favicon è un'immagine molto piccola, fino a 16x16 pixel. Non tutte le immagini sono adatte come sorgente:
Forme semplici e simboli leggibili
I loghi semplici, le lettere singole o i simboli funzionano meglio. Evita grafiche complesse con molti dettagli.Formato quadrato
Un favicon e quadrato. Se l'immagine sorgente ha proporzioni diverse da 1:1, verra ritagliata o allungata.Dimensione sufficientemente grande
Consigliamo un'immagine sorgente di almeno 512x512 pixel. Le immagini più piccole verranno ingrandite.Il formato SVG come sorgente ideale
L'SVG si ridimensiona senza perdita di qualità, quindi le icone a tutte le dimensioni saranno nitide.Colori ad alto contrasto
Un favicon deve essere visibile su diversi sfondi (schede chiare, modalita scura). Scegli colori che mantengano la leggibilità.
Opzioni di generazione: cosa fa ciascuna?
Sfondo (trasparente o colore)
Per impostazione predefinita, il generatore conserva la trasparenza. Puoi anche scegliere un colore di sfondo specifico.
Generare il manifest (site.webmanifest)
File JSON per le applicazioni web (PWA). Se non stai creando una PWA, questa opzione non è necessaria.
Cosa rende speciale questo generatore di favicon
Compatibile con Lighthouse
Tutte le dimensioni richieste da Lighthouse e dai browser moderni - generate in un solo passaggio.Tutti i formati in un solo passaggio
favicon.ico, icone PNG e site.webmanifest opzionale - tutto da una singola immagine.Supporto PNG, JPG e SVG
Puoi usare il tuo logo in qualsiasi formato. Se hai un SVG, le icone saranno nitide a tutte le dimensioni.Pronto per il sito e le PWA
Lo strumento genera il file manifest.json per le applicazioni web. Sotto trovi le istruzioni per l'integrazione delle icone.
Domande frequenti sul generatore di favicon
Scopri altri strumenti
Convertitore JPG/PNG in WebP
Riduci il peso delle immagini senza perdita di qualità. Converti JPG e PNG in WebP e velocizza il tuo sito web.
Editor di immagini online
Prepara il ritaglio perfetto per i social media o il tuo sito web. Scegli un formato predefinito o inserisci dimensioni personalizzate.
Generatore di favicon
Genera favicon.ico e icone PNG da una singola immagine, conforme ai requisiti dei browser e di Lighthouse.
Verificatore meta titolo e descrizione
Controlla il numero di caratteri e visualizza in anteprima la tua pagina su Google. Evita titoli e descrizioni troncati nei risultati di ricerca.
Contatore di parole e caratteri
Verifica la lunghezza del testo e valuta se è adeguata per una homepage, pagina servizi, articolo del blog o descrizione prodotto.
Generatore di firma e-mail
Crea una firma e-mail professionale in pochi minuti. Copia il codice HTML pronto in Gmail o Outlook.
Verificatore contrasto colori
Verifica se i colori del testo e dello sfondo sono leggibili. Lo strumento calcola il contrasto secondo WCAG e aiuta a scegliere il colore giusto.
Estrattore di colori da immagine
Carica una foto o un logo e lo strumento estraerà i colori dominanti. Copia i codici colore con un solo clic.
Generatore di palette di colori
Scegli un colore e genera 9 palette: monocromatica, complementare, triadica e altre.
Generatore di codici QR gratuito
Crea un codice QR per un sito web, vCard, menu o volantino. Esporta in PNG e SVG, senza registrazione, senza limiti.