Come si usa
- Scegli «Testo / emoji» e scrivi da uno a tre caratteri, oppure scegli «Immagine» e carica il tuo logo (funziona meglio un SVG o un PNG quadrato di almeno 512 px).
- Scegli i colori e una forma (Quadrato, Arrotondato o Cerchio).
- Controlla l'anteprima a 16, 32, 64 e 128 px; le dimensioni piccole mostrano se il disegno resta leggibile.
- Scarica lo ZIP, carica i file nella cartella principale del sito e incolla l'HTML nell'head.
Opzioni spiegate
- favicon.ico
- Contiene le versioni a 16, 32 e 48 px per browser, segnalibri e collegamenti di Windows.
- apple-touch-icon.png
- 180 × 180 px con sfondo pieno, usata quando qualcuno aggiunge il tuo sito alla schermata Home di iPhone o iPad.
- icon-192.png / icon-512.png
- Richiamate da site.webmanifest per le schermate Home di Android e per le web app installabili.
- icon.svg
- Un'icona scalabile per i browser moderni, inclusa quando l'origine è un testo o un file SVG.
L’HTML
Dopo aver caricato i file nella radice del sito, aggiungi questo codice nell’head di ogni pagina:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Domande frequenti
Quali file mi servono davvero?
favicon.ico nella radice del sito funziona in tutti i browser. Aggiungi apple-touch-icon.png per iOS e il manifest con le icone 192/512 se vuoi un'icona adeguata quando il sito viene installato o fissato su Android.
Perché la mia favicon è sfocata a 16 px?
A 16 × 16 pixel i dettagli fini spariscono. Usa una lettera marcata o un simbolo semplificato del logo invece del logo completo con il testo.
Ho aggiornato la favicon ma vedo ancora quella vecchia.
I browser tengono in cache le favicon in modo molto aggressivo. Ricarica la pagina forzando l'aggiornamento, oppure aggiungi un parametro di versione come /favicon.ico?v=2 nei tag link.
Posso usare un'emoji come favicon?
Sì. Le emoji vengono disegnate con il font emoji del tuo sistema, quindi il risultato corrisponde a quello che vedi nell'anteprima.
Privacy
Questo strumento funziona interamente nel tuo browser. File e testi vengono elaborati sul tuo dispositivo e non vengono mai caricati sui nostri server.