Per utilizzare comodamente questo strumento, aprilo su un laptop, un computer desktop o un tablet in modalità orizzontale.
Suggerimento
Se utilizzi un tablet, passa alla modalità orizzontale: quando la larghezza della finestra sarà sufficiente, lo strumento si caricherà automaticamente.
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.
favicon.ico
favicon-16x16.png
favicon-32x32.png
apple-touch-icon.png
android-chrome-192x192.png
android-chrome-512x512.png
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.
La generazione richiede solo pochi secondi:
| 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) |
Lo strumento genera tutti i file favicon richiesti dai browser moderni e da Lighthouse. Ogni file ha un ruolo specifico:
Il favicon appare in diversi punti sul web:
Dopo la generazione delle icone, hai diverse opzioni di download:
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.
Un favicon è un'immagine molto piccola, fino a 16x16 pixel. Non tutte le immagini sono adatte come sorgente:
Per impostazione predefinita, il generatore conserva la trasparenza. Puoi anche scegliere un colore di sfondo specifico.
File JSON per le applicazioni web (PWA). Se non stai creando una PWA, questa opzione non è necessaria.