Favicon, inseriamo una icona accanto all’indirizzo del nostro sito!

Martedì, Dicembre 11th, 2007

Molti di voi spesso, visitando alcuni siti, compreso questo, avranno notato accanto all’indirizzo, una piccola icona. Questa piccola icona viene chiamata favicon, contrazione di favorites icon. Per ottenere questo effetto basta inserire questo tag nell’head della propria pagina web:

<link rel=”icon” href=”http://<percorso>/favicon.ico” />

In questo modo ogni immagine delle giuste dimensioni (16×16 o 32×32 pixel se .ico) può essere usata come favicon. Alternativamente al formato .ico, possono essere usati anche i formati .gif e .png di qualsiasi dimensione. Nel caso in cui volessimo utilizzare un altro tipo di file, gif o png, dovremmo specificare il tipo mime attraverso l’attributo type come mostrato nelle prossime righe:

<link rel=”icon” href=”http://<percorso>/favicon.gif” type=”image/gif” /> o “image/png” nel caso di un’immagine png

Visto che le gif possono essere animate, mettere un’icona in formato gif consente al nostro sito di apparire con una piccola immagine accanto al proprio indirizzo, animata, creando gradevoli effetti e molto d’impatto.

Posted in Web | No Comments »