riporto da wikipedia
Favicon è un termine inglese, contrazione di favorites icon. In informatica indica un'icona associata ad una particolare pagina web. Solitamente la favicon è una piccola immagine, spesso un logo, pertinente ai contenuti del sito web correlato. La favicon viene visualizzata alla sinistra dell'URL nella barra degli indirizzi di un browser, nel momento in cui si naviga un sito che ne è provvisto. L'icona è inoltre visualizzata nel menu dei preferiti di un browser. Nata come funzionalità di Microsoft Internet Explorer versione 5, in seguito è stata integrata su molti altri browser tra cui: Firefox, Mozilla, Opera, Safari, e Konqueror.
In origine la favicon era semplicemente posta nella directory radice del webserver con il nome favicon.ico e usata direttamente da Internet Explorer. Anche se questo metodo rimane funzionante, è stato introdotto un apposito tag HTML per specificare la posizione del file. Il tag viene posto nella sezione head di un file HTML con sintassi:
<link rel="shortcut icon" href="<percorso>/favicon.ico" />
o, in conformità agli standard imposti dal World Wide Web Consortium:
<link rel="icon" href="http://<percorso>/favicon.ico" />
In questo modo ogni immagine delle giuste dimensioni (16×16 o 32×32 ma anche 48x48 pixel, se .ico) può essere usata come favicon. Alternativamente al formato .ico, possono essere usati anche i formati .gif e .png di qualsiasi dimensione.
Sfruttando le potenzialità del formato .gif è possibile creare delle favicon animate, anche se esse sono supportate solo da alcuni browser. Per usare i formati GIF o PNG i tag rispettivamente necessari sono:
<link rel="icon" href="http://<percorso>/favicon.gif" type="image/gif" />
o
<link rel="icon" href="http://<percorso>/favicon.png" type="image/png" />
Se si carica una favicon per la prima volta, oppure si sostituisce una precedente, per visualizzarla nel browser si deve cancellare la cache, non basta eseguire un refresh della pagina.
Io ho scelto il formato .ico
convertendo da questo ottimo sito
http://www.converthub.com/
Dalle guide di Max riporto
Procedimento
Per inserire una favicon nel nostro forum abbiamo bisogno innanzitutto di un file icona con estensione .ico di dimensione 32x32.
Via FTP invia la Favicon:
Solitamente va depositata in ROOT del sito o in cartella principale del forum.
Apri il file:
styles/prosilver/template/overall_header.html
utilizzando wordpad, blocco note o Editor di testo.
Cerca:
<head>
Se l'estensione è .ico
Prima aggiungi:
<link rel="icon" href="http://<percorso>/favicon.ico" mce_href="http://<percorso>/favicon.ico" />
Ovviamente, sostituisci <percorso> con URL completo ove risiede l'immagine. Salva il File....
Se l'estensione è .gif
Sfruttando le potenzialità del formato .gif è possibile creare delle favicon animate, anche se esse sono supportate solo da alcuni browser.
Prima aggiungi:
<link rel="icon" href="http://<percorso>/favicon.gif" mce_href="http://<percorso>/favicon.gif" type="image/gif" />
Ovviamente, sostituisci <percorso> con URL completo ove risiede l'immagine. Salva il File....
Se l'estensione è .png
Sfruttando l'estensione .png è possibile creare delle favicon, anche se esse sono supportate solo da alcuni browser.
Prima aggiungi:
<link rel="icon" href="http://<percorso>/favicon.png" mce_href="http://<percorso>/favicon.png" type="image/png" />
Ovviamente, sostituisci <percorso> con URL completo ove risiede l'immagine. Salva il File....
A questo punto abbiamo assegnato al nostro template la funzione di riconoscimento della favicon.
Nota bene: quando si modifica un file del template dovete successivamente aggiornare (via PCA) lo stile utilizzato e vuotare la cache del forum.
Dove <percorso> ho messo
http://www.darkylab.altervista.org/favicon.ico