41 votes

Le favicon ne fonctionne pas dans IE

J'ai un site qui utilise un favicon.ico personnalisé. La favicon s'affiche comme prévu dans tous les navigateurs sauf IE. Lorsque j'essaie d'afficher la favicon dans IE, j'obtiens le gros x rouge ; lorsque j'affiche la favicon dans un autre navigateur, elle s'affiche correctement. La source de la page comprend et elle fonctionne dans les autres navigateurs. Merci pour vos commentaires.

EDIT : SOLVED : La source du problème était un fichier jpg renommé en ico. J'ai créé le fichier en tant qu'ico et il fonctionne comme prévu. Merci pour votre contribution.

1 votes

Pourriez-vous nous montrer le code html que vous utilisez pour spécifier l'icône ?

0 votes

Vous voulez dire que lorsque vous naviguez directement vers l'URL, l'image est également cassée ?

59voto

Oli Points 65050

C'est vrai que vous n'avez pas été d'une grande aide (fournir une source aurait été très utile !), mais voici... Quelques points à vérifier :

Le code est-il le suivant ?

<link rel="icon" href="http://www.example.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.example.com/favicon.ico" type="image/x-icon" />

Est-ce dans la <head> ?

L'image est-elle un réel ico ? (renommer un bitmap n'est pas un vrai .ico ! format légèrement différent)

Cela fonctionne-t-il lorsque vous ajoutez la page en tant que signet ?

7 votes

Si vous n'avez pas créé le fichier .ico correctement essayez d'utiliser ce site pour générer un réel .ico : favicon.co.uk

7 votes

Je ne sais plus où j'ai copié-collé ce texte, mais il est bon pour IE : "Puisque IE charge votre icône à partir du dossier Temporary Internet Files, il doit être en mesure de la stocker dans ce dossier. Si vous définissez la directive no-cache pour le fichier d'icône, IE ne sera pas en mesure d'afficher votre icône et affichera l'icône par défaut à la place. Vous pouvez utiliser Fiddler pour vérifier. "

0 votes

La définition d'un chemin d'accès absolu par rapport à un chemin d'accès relatif dans l'option href n'est pas correcte. Que se passe-t-il si l'image n'est pas accessible au public en dehors de l'application (avant la publication) ? Ou bien la définition d'un chemin absolu est-elle la solution pour que l'image fonctionne dans IE ? Je ne pense pas que ce soit la meilleure solution.

22voto

yo hal Points 1949

Dans IE et FireFox, le fichier favicon.ico n'est demandé qu'à la première page visitée sur le site, ce qui signifie que si le fichier favicon.ico nécessite une connexion (par exemple, votre site est un site fermé et nécessite une connexion), l'icône ne sera pas affichée.

La solution est d'ajouter une exception pour le favicon.ico, par exemple en ASP.Net vous ajoutez dans le web.config :

<location path="favicon.ico">
  <system.web>
     <authorization>
       <allow users="*" />
     </authorization>
  </system.web>
</location>

2 votes

@yo, +1 pour une connaissance très importante du comportement des navigateurs dans le premier paragraphe de la réponse.

11voto

Nivedita Points 81
 <link rel="shortcut icon" type="image/x-icon" href="FolderName/favicon.ico" />
  1. Votre favicon.ico doit être placé entre tête étiquette
  2. taille : 16 X 16
  3. et pour Internet Explorer, il doit être transparent (la partie blanche extérieure ne doit pas être visible)

7voto

user984003 Points 2509

Si quelqu'un arrive à répondre à cette question :

Même problème : ne fonctionnait pas dans IE (y compris IE 10), mais fonctionnait partout ailleurs.

Il s'avère que le fichier n'était pas un "vrai" fichier .ico. J'ai corrigé ce problème en le téléchargeant sur http://www.favicon.cc/ et de le télécharger à nouveau.

Je l'ai d'abord testé en générant un fichier .ico aléatoire sur ce site et en l'utilisant à la place de mon fichier original. J'ai constaté que cela fonctionnait.

0 votes

J'ai trouvé une combinaison du lien du créateur de favicon ici, et de l'utilisation de msdn.microsoft.com/en-us/library/ comme guide PLUS de ne pas le nommer "favicon" car cela semblait entrer en conflit avec d'autres icônes mises en cache. Le nom "myicon.ico" a fini par fonctionner après m'avoir rendu fou pendant des années.

1 votes

Merci de votre attention ! IE est encore une fois à l'origine de ce problème ! >Un fichier .ico "cassé" fonctionnait dans Chrome et Firefox mais pas dans IE. J'ai utilisé l'outil que vous avez fourni dans le lien et cela a fonctionné !

4voto

Jammin Jamy Points 41

Si vous avez essayé tout ce qui précède et que cela ne fonctionne toujours pas dans IE, vérifiez vos paramètres IIS si vous utilisez un serveur Windows. Assurez-vous que le paramètre HTTP Headers > "Enable content expiration" n'est pas réglé sur "Expire immediately".

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X