Generatore di favicon
Carica il logo una sola volta e ottieni il pacchetto completo di icone per browser, iOS e Android, con margine, sfondo e angoli arrotondati regolabili. Include il file .ico e l’HTML da incollare nel <head>.
Elaborato al 100% nel tuo browser
Include: favicon.ico, PNG 16/32/180/192/512, site.webmanifest
Ctrl + Enter eseguiCtrl + C copia risultato
Come si usa
- 1Trascina il tuo logo (meglio quadrato, 512 px o più, PNG o SVG).
- 2Regola sfondo, margine e angoli arrotondati guardando l’anteprima a più dimensioni.
- 3Copia il codice HTML e incollalo nel <head> del tuo sito.
- 4Scarica lo ZIP e carica tutti i file nella radice del sito.
Casi d’uso
- Dare un’icona a un nuovo sito in schede, segnalibri e risultati di ricerca.
- Generare l’icona della schermata Home per iPhone e Android.
- Soddisfare i requisiti PWA con manifest e icone 192/512.
- Aggiornare il favicon dopo un rebranding.
Domande frequenti
Di quali file ho davvero bisogno?
Come minimo favicon.ico nella radice, un PNG 32×32, l’apple-touch-icon 180×180 e le icone da 192 e 512 px con il manifest se vuoi che il sito sia installabile.
Perché l’Apple Touch Icon ha uno sfondo?
iOS riempie di nero le aree trasparenti. Per questo l’icona viene sempre generata con sfondo pieno del colore scelto.
Che dimensione deve avere il logo?
Più è grande meglio è: 512×512 px o più. I favicon si vedono molto piccoli, quindi usa un logo semplice e ben contrastato.
Le mie immagini vengono caricate?
No. Le icone sono generate nel browser e il file .ico viene costruito localmente.