Creare una favicon

Sicuramente l’avete notato, molti siti hanno nella barra degli indirizzi una piccola icona vicino all’indirizzo del sito.

Questa icona è un simbolo in grado di dare molta importanza al sito, perché anche se si tratta di un piccolo simboletto garantisce di essere riconosciuti immediatamente soprattutto da coloro che utilizzano internet aprendo molte finestre, ma non solo.

Per farvi qualche esempio ecco cosa si vede nella barra degli indirizzi quando qualcuno visita il mio sito.

E qua sotto trovate numerosi altri esempi dei siti più famosi.

Queste icone con alcuni browser più vecchi compaiono solamente dopo la seconda volta che si visita un sito, mentre con i browser più recenti compaiono immediatamente.

Per far comparire questa icona quando quacuno apre il vostro sito è molto semplice, basta inserire il file favicon.ico nella directory principale del vostro sito.

Ciò significa che l’immagine deve essere visibile ad esempio all’indirizzo http://www.marcotogni.it/favicon.ico

Se per qualche motivo ciò non fosse possibile o volete realizzare qualcosa di più fine è sufficiente inserire un semplice codice HTML nella sezionedi ciascuna pagina del vostro sito:

Come realizzare una favicon.ico

E’ molto più semplice di quello che immaginate, è sufficiente creare un file .ico quadrato della dimensione di 16px x 16px.

Photoshop

Potete realizzare la favicon utilizzando Photoshop, come prima cosa create l’immagine in formato grande, poi riducete l’immagine portandola alla dimensione di 16×16 ed installando un Plugin per favicon con Photoshop salvate il file. Senza installare questo plugin aggiuntivo Photoshop non consente di salvare i file in formato .ico.

Convertire .ico online

Potete convertire un file JPG o GIF o PNG in formato .ICO direttamente online. Ci sono molti siti per fare questa operazione:

  • Favicon.cc: un sito molto popolare in cui inserire qualunque tipo di file per convertirlo in formato .ico
  • ProDraw
  • HTMLKit

Gallerie di favicon da utilizzare

Esistono moltissimi siti che hanno a disposizione moltissime favicon che potete utilizzare.