<link rel="icon" type="image/ico" href="favicon.ico" /> ou encore : <link rel="shortcut icon" type="image/ico" href="favicon.ico" />
L'Équipe LMSOFT
Tutoriel:
Comment ajouter un FAVICON à votre site
Notez que l'on peut spécifier un URL complet plutôt qu'un simple nom de fichier. Si votre site comporte une structure avec des pages dans des sous-dossiers ou que vous désirez héberger l'icône ailleurs que sur votre propre site, c'est possible de le faire avec une adresse complète vers le fichier.
Ce tutoriel explique comment associer un FAVICON à votre site. Le FAVICON est une petite image représentant le logo de votre site, compagnie, produit, etc. Les navigateurs web utilisent les favicons dans la barre d'adresse, la barre de titre, les favoris, les onglets et autres raccourcis.
Créer son image:
Dans un premier temps, il faut créer l'image en question. Le format standard est 16x16 mais vous pouvez alternativement fournir une image de 32x32 qui sera automatiquement réduite au besoin par le navigateur. Étant donné qu'il s'agit d'une résolution très basse, nous conseillons d'utiliser le format 16x16 pour une meilleure qualité de l'image 16x16. Pour un maximum de qualité, sachez que le format .ICO peut contenir plusieurs résolutions de la même image alors vous pouvez fournir un icône 16x16 et un 32x32 dans le même fichier et le navigateur utilisera la meilleure pour la situation.
Pour créer un favicon de base, cherchez sur Google, il existe plusieurs services en ligne gratuits et logiciels, plug-ins pour Photoshop, etc.
Notez également que les formats GIF, PNG et certains autres sont supportés par la majorité des navigateurs. Cependant, Microsoft Internet Explorer ne lit que les ICO alors nous conseillons d'utiliser ce format, d'autant plus qu'il est le seul à supporter plusieurs résolutions.
Associer son image au site ou à la page:
Le plus simple est de simplement nommer le fichier favicon.ico et de le placer à la racine html du site (cet emplacement varie selon les serveurs FTP, mais on parle ici du même endroit que index.html). Les navigateurs récents vont pour la plupart automatiquement vérifier la présence de ce fichier et l'afficher s'il est trouvé et ce pour toutes les pages du site, sans ajouter aucun code spécial.
Pour un maximum de compatibilité avec les vieux navigateurs et les navigateurs émergents qui sont souvent limités en fonctionnalité, on conseille d'ajouter à chacune de vos pages un code qui indique la présence et l'emplacement de votre favicon. Dans Web Creator Pro 6, le meilleur endroit pour placer ce code est dans la section "metatags" que l'on retrouve dans le menu "Web". Dans les versions précédentes, cette section de trouve soit dans les propriétés du projet ou de la page, dans l'onglet "metatags".
Voici le code à ajouter: