favicon ne travaille pas en IE
j'ai un site utilisant un favicon personnalisé.ico. Le favicon s'affiche comme prévu dans tous les navigateurs sauf IE. En essayant d'afficher le favicon dans IE, je reçois le Grand x rouge; en affichant le favicon dans un autre navigateur, il affiche juste très bien. La page source comprend et ça fonctionne dans d'autres navigateurs. Merci pour vos pensées.
EDIT: RÉSOLU: de La source du problème était le fichier est au format jpg renommé de l'ico. J'ai créé le fichier en tant que ico et il est fonctionne comme prévu. Merci pour vos commentaires.
20 réponses
droite vous n'avez pas été si utile (fournir source aurait été vraiment utile!), mais ici vous allez... Quelques éléments à vérifier:
est le code comme ceci:
<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 le <head> ?
est-ce que l'image est un réel fichier ico? (renommer un bitmap n'est pas réel .ico! Format légèrement différent)
fonctionne lorsque vous ajoutez la page dans les favoris?
dans IE et FireFox le favicon.ico est seulement demandé à la première page visitée sur le site, ce qui signifie que si le favicon.ico nécessite une connexion (par exemple, votre site est un site fermé et nécessite log in), puis l'icône ne sera pas affichée.
La solution est d'ajouter une exception pour le favicon.ico, par exemple dans ASP.Net vous ajoutez dans le web.config:
<location path="favicon.ico">
<system.web>
<authorization>
<allow users="*" />
</authorization>
</system.web>
</location>
<link rel="shortcut icon" type="image/x-icon" href="FolderName/favicon.ico" />
- votre favicon.ico doit être placé entre la tête tag
- taille: 16 X 16
- et pour Internet Explorer il doit être transparent (la partie blanche extérieure ne doit pas être visible)
si quelqu'un descend à cette réponse:
même question: n'a pas travaillé dans IE (y compris IE 10), a travaillé partout ailleurs.
s'avère que le fichier n'était pas un "réel" .fichier ico. Je l'ai corrigé en le téléchargeant sur http://www.favicon.cc / et le télécharger à nouveau.
D'abord je l'ai testé en générant un aléatoire .ico fichier sur ce site et en utilisant ce à la place de mon fichier original. Vu que c' travaillé.
avez-vous essayé de mettre l'icône à L'URI " /favicon.ico " ? IE pourrait ne pas savoir à propos de la façon d'étiquette de lien de se référer à elle.
Plus d'infos de W3 .
si vous avez tout essayé ci-dessus et que cela ne fonctionne toujours pas dans IE, vérifiez vos paramètres IIS si vous utilisez un serveur Windows. Assurez-vous que les en-têtes HTTP > "activer l'expiration du contenu", N'est pas défini à "expirer immédiatement"
je sais que c'est un très vieux sujet, mais comme c'est la première qui est venue sur ma recherche google, je voulais juste ajouter ma solution:
j'ai eu ce problème aussi bien avec une icône qui a été fournie par un client. Il s'affiche dans tous les navigateurs sauf IE. Ajouter les balises link ou meta n'a pas fonctionné, donc j'ai commencé à regarder le format du fichier d'icône.
Il s'est avéré être un fichier d'icône valide (pas seulement une image renommée), mais ce qui l'a fixé à la fin était de le convertir en une image, Enregistrer comme un GIF, puis de le convertir en une icône .
Assurez-vous également de vider le cache IE pendant que vous testez.
j'ai eu exactement ce problème et rien ne semblait fonctionner. Après avoir effacé le cache du navigateur d'innombrables fois et même mettre à jour IE à v9 j'ai trouvé ceci: http://favicon.htmlkit.com/favicon/
le lien ci-dessus a résolu le problème parfaitement pour moi!
aucune des solutions ci-dessus n'a fonctionné pour moi.
tout d'abord, je me suis assuré que l'icône est dans le bon format en utilisant le site web pour créer des favicons suggérées ci-dessus.
puis j'ai renommé l'icône de 'favicon.ico' à 'myicon.ico' et a ajouté le code suivant à ma page (dans les balises <head> ):
<link rel="shortcut icon" href="myicon.ico" type="image/x-icon" />
l'icône se trouve sur le même dossier que la page.
Cela a résolu le problème pour moi. Le problème dans les coulisses avait probablement quelque chose à voir avec la mise en cache D'IE, mais je ne suis pas sûr.
vous voulez partager L'URL? De nombreux navigateurs gèrent les favicons au format (par exemple) png alors que IE a souvent des problèmes. - Aussi les versions plus anciennes D'IE n'ont pas vérifié la source html pour l'emplacement du favicon, mais juste à l'esprit a essayé d'obtenir " / favicon.ico" à partir du serveur web.
j'ai utilisé un PNG comme favicon.ico et il s'affiche dans tous les navigateurs sauf IE. Peut-être que quelque chose dans le fichier l'empêche d'être reconnu par IE. Et assurez-vous que c'est 32x32. Ne sais pas si c'est important. Mais c'est quelque chose que je devais vérifier pour le voir dans IE.
J'espère que ça aidera. Essayez d'utiliser un fichier ico ailleurs, juste pour voir si cela fonctionne.
cela semble être un problème de pages ASPX, Je n'ai jamais été en mesure de montrer un favicon dans une page pour IE (tous les autres Oui Chrome, FF et safari) les seuls sites que j'ai vu qui sont l'exception à cette règle sont bing.com, msdn.com et d'autres qui appartiennent à MS et de courir sur asp.net il y a quelque chose qu'ils ne nous disent pas! même les sites mondialement connus ne peuvent pas montrer dans IE par exemple: manu.com (l'équipe de sport la plus parcourue dans le monde) aspx site et ne parvient pas à dévoiler le favicon sur IE. http://www.manutd.com/favicon.ico affiche l'icône.
prouvez-moi que j'ai tort.
THE SOLUTION :
-
j'ai créé une icône à partir du fichier png existant en changeant simplement l'extension de l'image de png à ico. J'utilise le thème drupal 7 bartik, donc j'ai téléchargé l'icône de raccourci sur le serveur et cela a fonctionné pour Chrome et Firefox mais pas pour IE. De plus, l'icône de l'image était blanche-vierge sur le bureau.
-
alors j'ai pris le Conseil de quelques gars ici et réduit la taille de l'image à 32x32 pixels utilisant un éditeur d'image (gimp 2<<
-
j'ai téléchargé l'icône de la même manière que précédemment, et il a bien fonctionné pour tous les navigateurs.
je vous aime les gars sur stackoverflow, vous m'avez aidé à résoudre beaucoup de problèmes. JE VOUS REMERCIE!
Merci pour votre aide.J'ai essayé différentes options mais celle ci-dessous a fonctionné pour moi.
<link rel="shortcut icon" href="/favicon.ico" >
<link rel="icon" type="/image/ico" href="/favicon.ico" >
j'ai ajouté les deux lignes ci-dessus dans l'en-tête de ma page et cela a fonctionné dans tous les navigateurs.
Merci
peut être cette aide d'autres.
pour moi L'icône ne s'affichait pas dans IE, même après avoir suivi toutes les étapes.
finalement j'ai trouvé une note dans MSDN dépannage des icônes de raccourci .
vérifier Qu'Internet Explorer peut stocker l'icône de raccourci dans le Dossier des Fichiers Internet temporaires. Si vous avez défini Internet Explorer à ne pas garder une cache, alors il ne sera pas en mesure de stocker le icône de affichez l'icône de raccourci Internet Explorer par défaut à la place.
j'utilisais IE en mode" privé", une fois que j'ai vérifié en mode normal.... Icône Fav correctement affichée.
concernant les incompatibilités avec IE9 je suis tombé sur ce "post de blog 151920920" qui donne des conseils pour créer un favicon qui est reconnu par IE9.
en essence, essayez de créer un favicon avec le site suivant: http://www.xiconeditor.com/
vérifiez les en-têtes de réponse pour votre favicon. Ils ne doivent pas inclure "Cache-Control: no-cache".
vous pouvez le vérifier depuis la ligne de commande en utilisant:
curl -I http://example.com/favicon.ico
ou
wget --server-response --spider http://example.com/favicon.ico
(ou utilisez un autre outil qui vous montrera les en-têtes de réponse)
si vous voyez "Cache-Control: no-cache" là-dedans, ajustez la configuration de votre serveur pour supprimer cet en-tête de la réponse favicon ou définir un max-age.
exécutez Internet Explorer comme administrateur. Si vous ouvrez IE en mode normal, alors favicon ne s'affichera pas sur IE 11 (Win 7). Je ne suis pas sûr du comportement sur les autres versions de navigateurs.
aussi-les erreurs de certificat (https) peuvent empêcher le favicon d'apparaître. L'équipe de sécurité a modifié les paramètres de notre serveur et j'ai commencé à avoir "il y a un problème avec le certificat de sécurité de ce site web."Cliquer sur" Continuez sur ce site web (non recommandé)."m'a emmené sur le site mais n'a pas voulu montrer le favicon.
je vois des comportements différents entre Windows 10 et Windows Server 2016 et entre IE et Edge. J'ai testé www.microsoft.com.
Windows Server 2016 IE 11:
Favoris: icône du site
Barre d'adresse: icône du site
Onglet Navigateur: icône du site
Windows 10 c'est à dire 11:
Favoris: icône du site
Barre d'adresse: icône générique bleu-E
Onglet Navigateur: icône générique bleu-E
Windows 10 Bord:
Favoris: icône du site
Barre d'adresse: pas d'icône
Onglet Navigateur: icône du site
Qu'est-ce qui se passe avec Windows 10 IE montrant l'icône générique?