Home > BLOG > CMS > Favicon: l’immagine accanto alla barra degli indirizzi

Favicon: l’immagine accanto alla barra degli indirizzi

Scrivo una piccola guida sulla realizzazione di una Favicon, l’immagine che caratterizza un sito quando viene inserito tra i preferiti e che dai più recenti browser viene visualizzata accanto alla barra degli indirizzi, alla sinistra dell’url.

Le dimensioni standard della Favicon sono 16×16(pixel naturalmente) e il suo formato è .ico.
Per crearne una in pochi secondi ci vengono incontro alcuni siti web, che permettono di caricare l’immagine che si vuole e scaricare successivamente la favicon di quella immagine bella e pronta. Uno di questi siti è QUI. Altrimenti creaiamo una immagine 16×16 e la salviamo come .ico. Non tutti i programmi di grafica supportano questa estensione, ad esempio per Photoshop è necessario un plugin.

Una volta creata la Favicon,  basta inserire il seguente tag nella head del codice HTML della propria pagina:

<link rel="shortcut icon" href="<percorso>/favicon.ico" />

Per visualizzarla la prima volta bisogna svuotare la chache del browser
In Firefox: Strumenti>>Elimina Dati Personali

Questo naturalmente funziona anche per WordPress, basta prendere il file header.php del template ed inserire il tag come se fosse una normale pagina HTML. Per altri CMS come Joomla invece viene data una favicon di default, la sostituiamo ed il gioco è fatto.

Termini di ricerca frequenti: