EcletticaMente

Avete presente la piccola iconcina che appare sul browser accanto all’indirizzo di molti siti? E che spesso rimane anche in memoria, quando salvate le pagine tra i preferiti? Ecco, per ottenerla si ricorre ad un file particolare, chiamato favicon.

I file favicon non sono esattamente delle icone. O meglio, hanno un utilizzo differente. Servono infatti per essere mostrate nella barra degli indirizzi (o nella raccolta dei Preferiti) da parte dei browser che le supportano.

Cosa sono le Favicon?

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. Più tardi è 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" xhref="<percorso>/favicon.ico" />

o, in conformità agli standard imposti dal World Wide Web Consortium:

<link rel="icon" xhref="http://<percorso>/favicon.ico" />

In questo modo ogni immagine delle giuste dimensioni (16×16 pixel o maggiore) può essere usata come favicon. Alternativamente al formato .ico, possono essere usati anche i formati .gif e .png.

Come modificare la Favicon in Wordpress

Semplice, innanzitutto occorre caricare il file ico che avrete generato sul vostro server. L’ideale è posizionarlo nella directory principale in quanto alcuni browser più vecchi cercano lì. Qualora non vi abbiate accesso, va benissimo utilizzare il Media uploader di Wordpress. A questo punto copiate il link al vostro favicon, e procedete alla modifica del tema.

Per modificare il vostro tema, è sufficiente in questo caso accedere al file header.php. e modificare (o inserire nel caso non sia presente) la riga di cui sopra, con il percorso relativo alla vostra favicon.

Siti e Referenze

Per chi fosse interessato, ci sono diversi strumenti online che permettono di realizzare Favicon.

Ne elenco qui alcuni:

• Favicon Icon Drawing Program C – somacon.com Crea una icona 16×16 in 16 colori con trasparenza opzionale.
• Favicon Collector
• FavIcon from Pics
• Favicon Generator
• Favicon.co.uk
• Favicon Generator
• Favicon.ico Maker

Buona lettura!

Popularity: 2% [?]