Favicon, dall’inglese favorites icon. In poche parole indica l’icona associata ad una pagina web. La favicon si trova nell’URL nella barra degli indirizzi e nell’etichetta della finestra del browser, precede il titolo della pagina, riproduce nella maggior parte dei casi il marchio o logo del sito web sul quale si sta navigando. L’icona è inoltre visualizzata nel menu dei preferiti del un browser.
La favicon per un sito web è molto importante sia dal punto di vista estetico che comunicativo, oltre ad evitare l’antiestetico quadratino bianco che precede il titolo della nostra pagina web, ha soprattutto un valore comunicativo di immagine dando la possibilità di esibire il proprio logo o marchio aziendale sull’etichetta dell pagina web.
E’ nata come funzionalità di Microsoft Internet Explorer 5, è stata poi integrata su molti altri browser sia datati che di ultima generazione come: Internet Explorer, Mozilla, Firefox, Opera, Safari,Google Chrome, l’estensione del file .ico, la troviamo nella root del sito web con il nome favicon.ico.
Misure della favicon
Favicon Standard:
Solitamente la favicon ha le dimensioni di 16 x 16 o 32 x 32 px.ì
Favicon Retina (Alta Risoluzione): Per iPad e iPhone o dispositivi mobile con alta densità di pixel.
– Favicon for iPhone (57×57);
– Retina Favicon for iPhone (114×114);
– Favicon for iPad (72×72);
– Retina Favicon for iPad (144×144).
Creare una Favicon
Ci sono molti tool online che offrono la possibilità di realizzare un favicon professionale, a mio parere i migliori sono:
Favicon.com
– Sito Web: http://www.favikon.com/
– Una volta sul sito, caricate un’immagine dal proprio HD o da un altro sito web specificando l’URL (Vengono supportate immagini in formati .png, .gif e ovviamente .jpg, fino ad una dimensione massima di 5 Mb);
– ritagliare la parte da usare della favicon nella finestra;
– scaricate il file e salvatelo sul vostro HD;
– avete la vostra favicon;
Favicon.cc
– Sito Web: http://www.favicon.cc/
Il procedimento è lo stesso, con la possibilità di modificare l’immagine attraverso un semplice tool grafico online;
Inserimento della favicon nel sito web
Per inserire la favicon in un sito web ci sono due modi:
Root: Basta inserire il file nominato favicon.ico nella root principale del sito web e metterlo online;
HTML: Basta copiare questa riga di codice nella sezione HEAD della home page del sito web:
Ottobre 12, 2018
