Salut,
Normalement le navigateur internet montre le favicon du site, dans les favoris.
Donc si ce dernier fonctionne quand tu visites le site, il doit aussi apparaître dans les favoris.
Sinon supprime le favoris et recréez le.
Pour intégrer un favicon sur ton site, il n'y a rien de compliqué, il faut juste respecter les standards.
La taille doit être correcte : Un favicon est une petite image carrée (généralement de 16x16 pixels ou 32x32 pixels) qui est utilisée pour représenter visuellement le site. Il doit être enregistré au format .ico pour une compatibilité maximale avec tous les navigateurs.
Le format doit aussi être correcte Vous pouvez créer un favicon avec un logiciel de graphisme (comme Photoshop, GIMP) ou utiliser des générateurs de favicon en ligne. Si ton image est dans un autre format (comme PNG, SVG), il est possible de la convertir en .ico à l'aide de convertisseurs en ligne.
Après avoir créé le fichier favicon.ico, place-le à la racine de ton site web. Par exemple, si ton site est hébergé à l'adresse
www.exemple.com, le fichier favicon doit être accessible à l'adresse
www.exemple.com/favicon.ico.
Vérifie bien qu'il est accessible.
Le code :
Code : Tout sélectionner
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
Ajoute un / devant le chemin de l'image.
Après comme tu as fait, on peut ajouter d'autres formats :
Si tu veux que ton favicon s'affiche correctement sur plusieurs appareils (ordinateurs, tablettes, smartphones) ou dans différents contextes (navigateurs modernes, applications web), vous pouvez ajouter des formats supplémentaires comme PNG, SVG, et des tailles différentes. Par exemple :
Code : Tout sélectionner
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
Vide le cache du navigateur internet ou tester avec en mode de navigation privé.
Si ton site possède un cache interne, vide le pour prendre en compte les modifications.
Vérifie que le code HTML est bien intégré en regardant les sources des pages HTML.