Sono molte le cose che devono essere fatte e che un webdesigner guarda al momento della realizzazione di un sito internet. Più per un fatto estetico e distintivo la favicon può far la differenza nei segnalibri del browser per risaltare subito a gli occhi. Per chi non avesse ancora capito la favicon è quell’icona che appare sia vicino alla barra della URL che nei segnalibri. Effettivamente è cosa di poco conto per alcuni ma per altri è una vera e propria ragione di vita.
Ecco quindi che vi dico tutto quello che c’è da sapere su queste favicon e su come crearle in maniera gratuita tramite 10 siti, sia da zero e sia tramite un’immagine in vostro possesso.
Il codice che dovete inserire nelle vostre pagine e che va inserito nei Tag compresi tra … è il seguente:
< link href=”http://www.url_sito_internet/favicon.ico” rel=”shortcut icon” type=”image/x-icon” />
< link href=”http://www.url_sito_internet/favicon.ico” rel=”icon” type=”image/x-icon” />
Veniamo alla creazione. La favicon ha come dimensione 16×16 pixel e si possono usare tutti i colori che si vogliono. Si possono usare programmi di grafica per creare la favicon. Se non avete un programma che generi un file .ico potete tranquillamente usare l’estensione .gif ottenendo la possibilità di creare all’occorrenza bellissime favicon animate. Ricordatevi di sostituire l’estensione .ico con .gif al codice che vi ho dato precedentemente.
Ecco 10 siti che vi possono aiutare nel caso non sappiate da dove partire. Potete usare un’immagine e alcuni di questi siti vi creeranno in automatico la favicon. Altri invece sarete proprio voi a colorare partendo da zero il vostro simbolo distintivo.
Problemi di compatibilità?
Pultroppo Internet Explorer 6 non permette la corretta visualizzazione delle favicon. Non è un problema di codice nel vostro sito ma del Browser che non segue gli standard. Attualmente non conosco un modo universale e garantito per far apparire la favicon su tutti i browser.