La favicon est l’un des éléments que l’on oublie souvent d’intégrer à son site, pourtant, celle ci apporte un réel plus.
Sur un navigateur moderne tel que firefox, la favicon est aussi une manière pratique de retrouver plus facilement un site dans un bookmark ou dans ses onglets ouverts.
Comment créer une favicon?
La favicon est une image de 16×16 px , généralement au format .ico si chère à windows.
Moi, personnellement, je ne considère pas le format .ico comme un format standard du web, et pour cette raison, je lui préfère le format .gif.
Le format .png ou .apng (png animé) sont actuellement les format que l’on préconise. Mais rappelons tout de même que seul le format .ico est supporté par ie6.
Sans vouloir vous expliquer comment dessiner une icone, sachez seulement que la méthode traditionnel est de redimentionner son logo en 16×16 px, mais dans ce cas, le résultat peut être floue. Ensuite, n’oubliez pas que votre favicon peut être afficher sur d’autres couleurs que du blanc, aussi, préconisez la transparence en prenant soin de tester sur une couleur.
Une fois votre icone créée, vous pouvez l’attacher à votre site en intégrant ce code dans le <head> de votre site
<link rel="shortcut icon" href="http://smashingcoding.com/favicon.gif" />
Et le tour est joué.
Simple et indispensable.