web-dev-qa-db-fra.com

favicon.ico ne se présente nulle part

J'ai consulté plusieurs articles sur ce site et j'ai effectué d'autres recherches en ligne, mais je ne vois pas comment trouver le problème.

Je mets le favicon.ico dans le répertoire principal, mais il ne s'affiche sur aucun navigateur. Je l'ai essayé personnellement sur Firefox et Safari, et j'ai essayé le reste sur Browsershots. 

J'ai aussi cette ligne dans la tête du html: 

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

Je l'ai aussi essayé sans le type ..., comme je l'ai sur d'autres pages du même serveur.

Ce site ne présente pas son favicon (chardon)

Ce site ne montre pas son favicon (greenman)

Deux de mes sites sur le même serveur avec le favicon au même endroit du répertoire du site. ??

La seule chose que je peux comprendre, c’est qu’un problème est survenu lors de la conversion en ligne de l’ico et de son enregistrement sur mon MacBook Pro avant de l’envoyer sur le serveur.

Toute aide ou conseils ou pensées sont grandement appréciés. 

7
ProfRose

Avait le même problème. Trouvé cette bonne réponse: https://stackoverflow.com/a/16375622/5359989

Ce qui a fonctionné pour moi a été de changer 'favicon.ico' en un nom unique tel que 'myfavicon.ico' et de le référencer dans le code HTML en conséquence. J'espère que cela fonctionne pour vous aussi.

20
Jonathan McLaren

Change ça:

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

Pour ça:

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

Une autre raison pour laquelle votre icône de favicon n'apparaît pas peut-être parce que vous affichez une version en cache de votre site.

Effacez votre cache et ouvrez le site à nouveau et vous verrez le favicon.

3
AndrewL64

Chrome n'a pas aimé le fait que mon favicon.ico soit une image 64x64. Je l'ai changée en une image 32x32 pixels et elle s'est bien affichée!

1
patrick

Vous utilisez un chemin relatif dans votre attribut href="". Changez-le en un chemin relatif relatif à la racine /favicon.ico ou en un chemin absolu http://yoursite.com/favicon.ico.

1
Dai

Toutes les icônes ne sont pas identiques! J'ai eu ce problème pendant un moment et je ne pouvais jamais comprendre pourquoi certains navigateurs ne montraient pas l'icône. Je savais avec une certitude absolue que le fichier existait à l'endroit indiqué par la balise link. Finalement, j'ai découvert que, du moins pour Chrome et Opera, ils NE FONT PAS afficher des icônes en fonction des formats du fichier .ico.

Par exemple. un .ico qui n'a que les formats 64x64, 32x32 et 16x16 s'affichera.

MAIS un .ico qui a également, en plus de ceux ci-dessus, les formats 512x512 256x256, 128x128 et 48x48, ne s'affichera pas.

Cela ressemble vraiment à un problème de navigateur, mais il est curieux qu’il affecte plus d’un navigateur.

Quoi qu'il en soit, la solution, pour moi du moins, consistait uniquement à inclure les formats 64x64, 32x32 et 16x16.

0
user876725