Generatore di favicon
Trascina il tuo logo una volta e ottieni tutte le icone di cui un sito ha bisogno, con il codice da incollare nelle tue pagine.
Sigillato su questo dispositivo
Funziona nel tuo browser. Non viene caricato nulla.
Sigillato
La tua icona
Codice per le tue pagine
Metti i file dello ZIP nella radice del tuo sito, poi incolla questo codice nel <head> di ogni pagina.
Come funziona
-
Aggiungi il tuo logo
Trascina un SVG, PNG o JPG, selezionalo o incollalo. Un’immagine quadrata di almeno 512 × 512 pixel dà le icone più nitide.
-
Regola l’aspetto
Aggiungi un margine interno, un colore di sfondo o angoli arrotondati, e controlla il risultato in una scheda del browser e nella schermata Home di un telefono.
-
Scarica e incolla il codice
Scarica lo ZIP, metti i suoi file nella radice del tuo sito, poi incolla il codice nel <head> delle tue pagine.
Domande frequenti
Quali file ottengo?
Un file favicon.ico che contiene le icone da 16, 32 e 48 pixel, icone PNG da 16, 32, 48, 192 e 512 pixel, un apple-touch-icon.png da 180 pixel per iPhone e iPad, e un file site.webmanifest che permette ad Android di usare le icone da 192 e 512 pixel. Scaricali uno alla volta o tutti insieme in un file ZIP.
Dove metto i file?
Nella radice del tuo sito, accanto alla home page, così sono raggiungibili a indirizzi come /favicon.ico. Poi incolla il codice mostrato sotto l’anteprima nel <head> di ogni pagina. I browser cercano /favicon.ico anche da soli, quindi persino le pagine senza il codice mostrano la tua icona.
Quanto deve essere grande la mia immagine?
Quadrata e di almeno 512 × 512 pixel, la misura dell’icona più grande. Un SVG è l’ideale: viene disegnato nitido a ogni dimensione. Un’immagine più piccola funziona lo stesso, ma le icone grandi vengono ingrandite e appaiono sfocate.
Perché la mia icona appare sfocata o troppo piccola nella scheda del browser?
A 16 pixel, i dettagli fini e il testo sottile scompaiono. Usa un segno semplice, come una lettera o un simbolo, invece di un logo completo con parole, tieni piccolo il margine interno e scegli «Ritaglia a quadrato» se la tua immagine è larga.
La mia immagine viene caricata?
No. La tua immagine viene letta, ridimensionata e salvata nel tuo browser, sul tuo dispositivo. Non viene mai inviata da nessuna parte.
Perché l’Apple Touch Icon ha uno sfondo?
iPhone e iPad arrotondano da soli gli angoli delle icone nella schermata Home e mostrano le zone trasparenti in nero. Per questo l’Apple Touch Icon ha sempre uno sfondo pieno e angoli squadrati: il tuo colore di sfondo, o il bianco se hai scelto trasparente.