Crea favicon per il tuo sito
Crea tutte le favicon che servono al tuo sito da un’unica immagine.
Segnala un problema con questo strumento
Come usare Generatore di favicon
Aggiungi logo o immagine
Trascina un PNG, JPG, WebP, GIF o SVG nella pagina. Funziona meglio un’immagine quadrata con una forma semplice.
Regola l’aspetto
Ritaglia a quadrato o adatta l’immagine intera, scegli uno sfondo trasparente o colorato, aggiungi margine e arrotonda gli angoli. L’anteprima mostra ogni dimensione e una scheda del browser.
Scarica e aggiungi il codice
Scarica lo ZIP, carica i file nella cartella principale del sito e incolla le righe HTML nell’head delle tue pagine.
Perché usare Utils365
Il set completo
favicon.ico con 16, 32 e 48 px al suo interno, favicon PNG, icona Apple touch, icone Android e site.webmanifest, tutti con i nomi che i browser si aspettano.
Guardala prima di scaricare
Controlla come appare l’icona alle dimensioni reali e in schede chiare e scure del browser, così i piccoli dettagli non si perdono.
Privacy garantita
Tutto avviene nel browser, quindi il tuo logo non viene mai caricato su un server.
Domande frequenti
Di quali dimensioni di favicon ho bisogno?
Un favicon.ico (16, 32 e 48 px) copre schede e segnalibri del browser, un’icona Apple touch da 180 px copre la schermata Home di iPhone e iPad, e i PNG da 192 e 512 px coprono Android e le web app installate. Questo strumento li crea tutti da un’immagine.
ICO, PNG o SVG: quale formato di favicon usare?
Tutti e tre. favicon.ico funziona ovunque, anche nei vecchi browser e negli strumenti che lo cercano automaticamente. Le favicon PNG sono nitide a dimensioni fisse. Una favicon SVG resta nitida a qualsiasi dimensione; la ottieni se parti da un SVG.
Cos’è un’apple-touch-icon?
È l’icona che iPhone e iPad usano quando qualcuno aggiunge il tuo sito alla schermata Home. Misura 180 × 180 px e non può essere trasparente, quindi viene salvata con uno sfondo pieno (bianco se hai scelto trasparente). iOS arrotonda gli angoli da solo.
Dove metto i file della favicon?
Decomprimili nella cartella principale del sito, accanto alla home page, così favicon.ico si trova su tuosito.com/favicon.ico. Poi incolla le righe HTML mostrate in questa pagina nella sezione head di ogni pagina, o nel template del sito.
Perché la nuova favicon non compare?
I browser conservano le favicon a lungo. Apri direttamente l’indirizzo della favicon, fai un aggiornamento forzato o prova una finestra privata per vedere quella nuova.