Tool on line per realizzare ed aggiungere facilmente una favicon (favorites icon) al proprio sito.
Blographik.it non poteva farsi mancare la propria favicon.
Di seguito tutti gli step per la realizzazione.
Che cos’è una favicon
La favicon è un’immagine di piccole dimensioni (16X16) che solitamente è il logo o parte di esso, che viene visualizzata nella barra di navigazione del browser e nella lista dei preferiti.
![]()
![]()
A cosa serve la favicon
un buon modo per aumentare la visibilità del proprio logo ed il brand aziendale in maniera non invasiva e simpatica.
Come funziona
Ci sono vari siti che permettono di uploadare la propria favicon da poter poi scaricare, io ho scelto di utilizzare il tool di questo sito:
http://www.tools.dynamicdrive.com/favicon/
Un altro sito tool on-line che realizza il file .ico è il seguente:
http://www.html-kit.com/e/favicon.cgi
I passaggi sono semplici e rapidi, è tutto web-based, non bisogna installare nessun software.
01.
Dopo aver realizzato l’immagine da utilizzare, basta effettuare l’upload e scaricare il file creato, come nel seguente esempio:
![]()
02.
Il prossimo step consiste nell’inserire la seguente stringa di codice all’interno del tag head del sito:
link rel=”shortcut icon” xhref=”/favicon.ico” mce_href=”/favicon.ico” /
(inserire questa stringa all’interno dei tag < >)
03.
il gioco è fatto.
Un controllo al browser per vedere il risultato finale.
Questo tool permette anche l’inserimento della favicon animata che scorre, ma non è un gran chè come effetto.
Tutti i passaggi per la realizzazione sono stati effettuati utilizzando Firefox (che consiglio vivamente a tutti) come browser, su explorer non funziona correttamente.
Abbonati al Feed Rss
Blographik è un progetto dedicato in larga parte a web design, grafica e risorse per blog. Nasce nel Gennaio del 2006 con lo scopo di seguire i continui sviluppi del blogging e del web design cercando di proporre sempre materiale ed informazioni utili per tutti i professionisti e gli appassionati del settore.
Un Trackback
13 maggio 2009 alle 09:42
[...] fa avevo già pubblicato un articolo su cos’è e come inserire una favicon in un sito web. In questo caso ho evitato di utilizzare dei plugin per inserire la favicon in modo automatico, ho [...]