Favicon compatible IE / Firefox / Chrome ...

[Résolu/Fermé]
Signaler
Messages postés
1791
Date d'inscription
mardi 6 mars 2007
Statut
Membre
Dernière intervention
16 avril 2021
-
 iti -
Bonjour,
je cherche le moyen de mettre un favicon (petit icone qui s'affiche sur la barre de favoris, onglet, barre d'adresse) mais ceux que j'ai trouvé ne sont compatible qu'avec Firefox.
Pouvez vous m'aider svp.
Merci.


2 réponses

Pour afficher un favicon qui marche dans les navigateurs ils faut utiliser les deux lignes suivante :

<link rel="shortcut icon" type="image/x-icon" href="template/favicon.ico" />
<link rel="icon" type="image/x-icon" href="template/favicon.ico" />

Le tout dans la balise head bien sur ^^

Mais ce qui est important de savoir c'est que ça ne marche pas en local, a par pour FF.

Donc vous ne verrez le résultat dans chrome et IE8 qu'en appellent la page au travers d'un serveur http.

Voila voila ^^
9
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 42674 internautes nous ont dit merci ce mois-ci

Bonjour, je sais que c'est un vieux sujet mais j'ai un soucis sur Chrome uniquement.
En effet, ma favicon s'affiche en local sur FF et Chrome mais pas sous IE (normal d'après ce que j'ai lu partout.) mais des lors que j'y accède via un serveur Apache Tomcat 7 installé localement, IE fonctionne effectivement mais Chrome n'affiche plus la favicon.
Ai-je mal saisi la notion de local dans ce cas ? Et est-ce normal ?
Messages postés
242
Date d'inscription
mercredi 14 avril 2010
Statut
Membre
Dernière intervention
18 mai 2017
56
Messages postés
1791
Date d'inscription
mardi 6 mars 2007
Statut
Membre
Dernière intervention
16 avril 2021
384
J'ai bien tout suivit, j'ai creer mon icone .gif
J'ai rentré ce code :
<link rel="icon" type="image/gif" href="icone.gif" />

Mais je ne vois rien sur chrome, il est visible seulement sur Firefox.
Messages postés
242
Date d'inscription
mercredi 14 avril 2010
Statut
Membre
Dernière intervention
18 mai 2017
56
je pense que pour ie et chrome il faut que tu rajoute une ligne de code avec une icone en .ico

<link rel="shortcut icon" type="image/x-icon" href="/images/icone_ie.ico" />
et oui comme d'hab ie ne respecte aucun standard

en clair tu aura ça juste avant la fin du </head>
<link rel="icon" href="fav/animated_favicon1.gif" type="image/gif"> correspond pour firefox
<link rel="shortcut icon" type="image/x-icon" href="fav/favicon.ico" /> correspond pour ie et certainement chrome (faut essayer)
essai ceci....moi sa fonctionne avec .png

<link rel="shortcut icon" type="image/x-icon" href="template/favicon.png" />
<link rel="icon" type="image/x-icon" href="template/favicon.ico" />
<link rel="icon" href="favicon.gif" type="image/gif">