Insérer une favicon

Une favicon est une icône qui apparaît dans les navigateurs, à gauche de l'URL et dans l'onglet d'une page web (exemple www.google.fr).

Créer l'imagepour une favicon

Créez une image de 16x16 ou 32x32 pixels, au format gif, png ou jpg ou ico.

Les formats png et gif permettent d'inclure une zone transparente (exemple www.commentcamarche.net).
Le format gif permet une faviicon animée (exemple www.lamartinierediderot.fr)

Placez la favicon dans un dossier nommé "favicon" au premier niveau de votre site (ce n'est qu'une suggestion) le nom du dossier et son emplacement sont libres.

Insérer la favicon dans la page par le code

Rajoutez le code suivant sur votre page, entre les balises d'en-tête <head> :

<link rel="icon" type="image/png" href="/favicon/mafavicon.png" />
Adaptez l'attribut "type" selon le format d'image utilisé (respectivement png, gif, jpg, jpeg ou ico) : image/png, image/gif, image/jpg, image/jpeg ou image/x-icon sans oublier les guillemets.

Adaptez également l'attribut "href" en indiquant le chemin exact de l'image par rapport à votre page.

Insérer la favicon avec Dreamweaver

Cliquez dans la page, dans une zone vide.

Dans la palette Insertion>Commun choisissez En-tête>Lien

Sélectionnez votre image en cliquant sur "Parcourir". Son chemin s'affiche dans la zone href

Tapez icon dans la zone rel

Validez. Le code ne comporte pas d'attribut type, qui est facultatif. Vous pouvez le ra jouter si vous le souhaitez.

Le cas d'internet explorer

Internet Explorer reconnait uniquement le format d'image ico. Attention, Photoshop ne sait pas enregistrer lesimages au format ico. Il faut lui adjoindre un plug-in téléchargeable ici, ou bien utiliser un logiciel approprié (exemple The Gimp ou Graphic Converter sur Mac), ou bien encore utiliser un site qui générera le fichier à partir d'une de vos images (exemples http://favikon.com/ ou http://www.favicon.fr/)