Generatore di Favicon
Trasformi un singolo file PNG, JPG o SVG in un file favicon.ico e in tutte le dimensioni di icona necessarie per il Suo sito, racchiusi in un archivio ZIP.
L'intera immagine rimane visibile, centrata con un margine di riempimento intorno.
La trasparenza è ideale per le schede del browser; per le icone della schermata iniziale di iPhone è più sicuro un colore di sfondo.
La favicon e il pacchetto icone appariranno qui.
Inserisca i file nella cartella principale del Suo sito, quindi aggiunga queste righe a ogni pagina.
L'immagine viene convertita in icone direttamente nel Suo browser. Nulla viene caricato su BroBroGo.
FAQ
Quali file sono inclusi nel pacchetto icone?
Un file favicon.ico contenente le versioni a 16, 32 e 48 pixel, icone PNG a 16, 32, 180, 192 e 512 pixel, e un file site.webmanifest che elenca le icone grandi. Se si parte da un file SVG, viene incluso anche il file vettoriale stesso. Un unico archivio ZIP contiene tutto.
Quali dimensioni deve avere l'immagine sorgente?
Un formato SVG è l'ideale: ogni icona viene tracciata dal vettore, mantenendo la nitidezza anche a 16 pixel. Per i formati PNG o JPG, si consiglia di partire da almeno 512 × 512 pixel; le immagini più piccole vengono ingrandite e possono apparire sfuocate.
Lo sfondo deve essere trasparente o colorato?
Le icone delle schede appaiono corrette con lo sfondo trasparente. Tuttavia, le schermate iniziali di iPhone e iPad colorano di nero le aree trasparenti: se gli utenti potrebbero aggiungere il Suo sito alla schermata iniziale, scelga un colore di sfondo.
Cosa succede se l'immagine non è quadrata?
Le icone sono quadrate, ma l'immagine non viene mai deformata. Per impostazione predefinita viene centrata con un margine di riempimento; selezioni "Riempi (ritaglia)" per ritagliare invece i bordi in eccesso.
Dove vanno inseriti i file sul mio sito?
Li carichi nella cartella principale del Suo sito, in modo che favicon.ico sia raggiungibile all'indirizzo /favicon.ico, quindi incolli le righe generate all'interno del tag <head> delle Sue pagine. I browser selezioneranno automaticamente la dimensione corretta.