favicon ne fonctionne pas dans IE

https://stackoverflow.com/questions/122067

02-07-2019
|

Question

J'ai un site utilisant un favicon.ico personnalisé. La favicon s'affiche comme prévu dans tous les navigateurs sauf IE. En essayant d'afficher le favicon dans IE, j'obtiens le grand x rouge; lors de l'affichage du favicon dans un autre navigateur, il s'affiche correctement. La source de la page comprend et cela fonctionne dans d'autres navigateurs. Merci pour vos pensées.

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

La solution

Bien sûr, vous n’avez pas été aussi utile (fournir la source aurait été très utile!), mais voilà ... Quelques points à vérifier:

Le code est-il 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>?

L'image est-elle un fichier 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?

Autres conseils

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

La solution consiste à ajouter une exception pour le fichier favicon.ico. Par exemple, dans ASP.Net, vous ajoutez le fichier 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 balise head
taille: 16 X 16
et pour Internet Explorer, il doit être transparent (la partie blanche extérieure ne doit pas être visible)

Quelqu'un devrait-il en venir à cette réponse:

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

Il s’avère que le fichier n’est pas un " vrai " Fichier .ico. J'ai résolu ce problème en le téléchargeant sur http://www.favicon.cc/ , puis en le téléchargeant à 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 d'origine. J'ai vu que ça fonctionnait.

Avez-vous essayé de mettre l'icône à l'URI " /favicon.ico " ? IE ne connaît peut-être pas la façon dont la balise link s'y réfère.

Plus d'infos à partir de W3 .

Si vous avez essayé toutes les solutions 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 & Gt; & # 8220; Activer l'expiration du contenu & # 8221; paramètre, IS NOT SET sur & # 8220; Expirer immédiatement & # 8221;

Je sais que c'est un sujet très ancien maintenant, mais comme c'est le premier qui est apparu lors de ma recherche sur Google, je voulais simplement y ajouter ma solution:

J'ai également eu ce problème avec une icône fournie par un client. Il est affiché dans tous les navigateurs sauf IE. L'ajout des balises link ou meta n'a pas fonctionné, j'ai donc commencé à examiner le format du fichier d'icônes.
Cela semblait être un fichier d’icône valide (pas seulement une image renommée), mais ce qui l’avait finalement résolu était de le convertir en image, de l’enregistrer au format GIF, puis de le reconvertir en icône .
Veillez également à vider le cache IE pendant les tests.

J'ai eu ce problème et rien ne semblait fonctionner. Après avoir effacé le cache du navigateur d'innombrables fois et même mis à jour Internet Explorer vers la version 9, j'ai trouvé ceci: http://favicon.htmlkit.com / favicon /

Le lien ci-dessus a parfaitement résolu le problème pour moi!

Aucune des solutions ci-dessus n'a fonctionné pour moi.

Tout d'abord, je me suis assuré que l'icône était dans le bon format en utilisant le site Web pour créer les favicons suggérés ci-dessus.

Ensuite, j'ai renommé l'icône "favicon.ico" en "myicon.ico" et ajouté le code suivant à ma page (entre les <head> balises):

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

L'icône se trouve dans 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 de IE, mais je ne suis pas sûr.

Voulez-vous partager l'URL? De nombreux navigateurs gèrent les favicons au format png (par exemple) alors que IE avait souvent des problèmes. - Les anciennes versions d'IE ne vérifiaient pas non plus l'emplacement du favicon dans la source html, mais essayaient simplement d'obtenir & "; /Favicon.ico &"; depuis le serveur Web.

Une fois, j'ai utilisé un fichier PNG comme fichier favicon.ico, qui l'affichait dans tous les navigateurs sauf IE. Peut-être que quelque chose dans le fichier fait qu'il ne soit pas reconnu par IE. Assurez-vous également que c'est 32x32. Je ne sais pas si cela compte cependant. Mais c’est quelque chose que je devais être sûr de pouvoir voir dans IE.

J'espère que ça aide. Essayez d’utiliser un fichier ico ailleurs que 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 vus qui soient exceptionnels. règle sont bing.com, msdn.com et d’autres qui appartiennent à MS et fonctionnent sur asp.net, il ya quelque chose qu’ils ne nous disent pas! Même les sites les plus connus dans le monde ne peuvent pas apparaître dans IE, par exemple: manu.com (l'équipe sportive la plus visitée au monde) et ne parviennent pas à afficher le favicon sur IE. http://www.manutd.com/favicon.ico affiche l'icône.

Veuillez me prouver le contraire.

LA SOLUTION:

J'ai créé une icône à partir d'un fichier png existant en modifiant simplement l'extension de l'image, de png à ico. J'utilise le thème Drupal 7 bartik, j'ai donc chargé l'icône du raccourci sur le serveur. Elle fonctionnait pour Chrome et Firefox, mais pas pour IE. De plus, l'icône de l'image était blanche sur le bureau.

Ensuite, j’ai suivi les conseils de quelques personnes et réduit la taille de l’image à 32x32 pixels à l’aide d’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 elle fonctionnait bien pour tous les navigateurs.

Je vous aime sur stackoverflow, vous m'avez aidé à résoudre BEAUCOUP de problèmes. MERCI!

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 que cela aide les autres.

Pour moi, ICON n'était pas affiché dans IE, même après avoir suivi toutes les étapes.

Enfin, j'ai trouvé une note dans MSDN Résolution des problèmes liés aux icônes de raccourci .

Vérifiez qu'Internet Explorer peut stocker l’icône de raccourci dans le répertoire. Dossier Temporary Internet Files. Si vous avez configuré Internet Explorer pour ne garde pas de mémoire cache, il ne pourra pas stocker l'icône et affichez plutôt l'icône du raccourci Internet Explorer par défaut.

J'utilisais IE dans & "En privé &"; mode, une fois que j’ai vérifié en mode normal .... L’icône Fav s’affiche correctement.

En ce qui concerne les incompatibilités avec IE9, je suis tombé sur un blog . poste qui donne des conseils pour créer un favicon reconnu par IE9.

Essentiellement, 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 & Quot; Cache-Control: no-cache & Quot;.
.
Vous pouvez vérifier cela à partir de 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 " Dans ce menu, ajustez la configuration de votre serveur pour supprimer cet en-tête de la réponse au favicon ou définir un âge maximal.

Exécutez Internet Explorer en tant qu'administrateur. Si vous ouvrez IE en mode normal, l’icône favicon ne s’affiche pas sur IE 11 (Win 7). Je ne suis pas sûr du comportement sur les autres versions de navigateurs.

De plus, des erreurs de certificat (https) peuvent empêcher l’application de l’icône de favicon. L’équipe de sécurité a modifié les paramètres de notre serveur et j’ai commencé à obtenir le & Quot; Il y a un problème avec le certificat de sécurité de ce site Web & # 8217; s. & Quot; En cliquant sur & Quot; Continuer sur ce site (non recommandé). & Quot; m'a emmené sur le site, mais ne montrerait pas le favicon.

Je constate différents comportements entre Windows 10 et Windows Server 2016 et entre IE et Edge. J'ai testé avec www.microsoft.com.

Windows Server 2016 IE 11:
Favoris: site icon
Barre d'adresse: icône du site
Onglet Navigateur: icône de site

Windows 10 IE 11:
Favoris: site icon
Barre d'adresse: icône générique bleue-E
Onglet Navigateur: icône générique blue-E

Windows 10 Edge:
Favoris: site icon
Barre d'adresse: pas d'icône
Onglet Navigateur: icône de site

Quel est le problème avec Windows 10 IE affichant l'icône générique?

Ce travail crossbrowser pour moi (IE11, EDGE, CHROME, FIREFOX, OPERA), utilise https: // www. icoconverter.com/ pour créer un fichier .ico

<link data-senna-track="temporary" href="${favicon_url}" rel="Shortcut Icon" /> <link rel="icon" href="${favicon_url}" type="image/x-icon" /> <link rel="shortcut icon" href="${favicon_url}" type="image/x-icon" />

Licencié sous: CC-BY-SA avec attribution

Non affilié à StackOverflow