Realizzare una favicon

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.
barra di navigazione

i 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:
realizzare_favicon.jpg

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.

Ti è piaciuto questo articolo?

Ricevi continui aggiornamenti su come migliorare il tuo blog:

Scegli di seguire i post e le chicche di blographik (esclusiva ai soli iscritti), direttamente nella tua casella email.

Abbonati ora alla newsletter compilando questo form.

Nome:
Email:
 
 

Articoli correlati:

Se di tuo interesse, puoi consultare anche i seguenti post correlati:

Un Trackback

  1. [...] 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 [...]

Commenta il post

La tua e-mail non sará mai resa di pubblico dominio.
I campi contrassegnati sono obbigatori *

*
*
blog comments powered by Disqus