Generatore di favicon
Un’immagine, tutte le dimensioni che serve a un sito
Immagine di partenza
Icone generate
Non è stato ancora generato nulla
Trascina un’immagine e premi genera — le icone compariranno qui.
Lo ZIP contiene le immagini delle icone, site.webmanifest e il frammento HTML.
Una favicon non è più un file solo. I browser vogliono 16 e 32 pixel, iOS ne vuole 180, Android 192 e 512, e ciascuno si aspetta di trovarli in un modo preciso. Carica un’immagine quadrata e ottieni l’intero set con il codice corrispondente.
Come si usa
- 1 Trascina un’immagine quadrata, preferibilmente da 512px o più.
- 2 Per impostazione predefinita viene ritagliato il centro a formare un quadrato — disattivalo se vuoi schiacciare tutta l’immagine.
- 3 Premi genera.
- 4 Scarica lo ZIP e incolla il frammento HTML nell’head delle tue pagine.
Domande frequenti
Che dimensioni deve avere l’immagine di partenza?
Almeno 512×512 e quadrata. La versione da 16px si ottiene rimpicciolendo, quindi un’immagine piccola o rettangolare produce icone impastate. Le forme semplici e decise sopravvivono alla riduzione molto meglio dei disegni ricchi di dettagli.
Serve ancora il favicon.ico?
Raramente. Tutti i browser attuali leggono le icone PNG dai tag link. Tieni il file .ico solo se devi supportare versioni molto vecchie di Internet Explorer, o se qualcosa nel tuo stack lo cerca per convenzione nella radice del sito.
A cosa serve site.webmanifest?
Dice ad Android e a Chrome quali icone usare quando qualcuno aggiunge il tuo sito alla schermata iniziale, insieme al nome dell’app e al colore del tema. Senza di esso, Android ripiega su una schermata della pagina.