it-swarm.com.de

favicon funktioniert nicht in IE

Ich habe eine Website mit einem benutzerdefinierten favicon.ico. Das Favicon wird erwartungsgemäß in allen Browsern außer dem IE angezeigt. Beim Versuch, das Favicon im IE anzuzeigen, erhalte ich das große rote x; Wenn das Favicon in einem anderen Browser angezeigt wird, ist dies in Ordnung. Die Seitenquelle enthält und funktioniert in anderen Browsern. Danke für deine Gedanken.

BEARBEITEN: BEHOBEN: Die Quelle des Problems war, dass die Datei als JPG in ICO umbenannt wurde. Ich habe die Datei als ICO erstellt und sie funktioniert wie erwartet. Vielen Dank für Ihre Eingabe.

41
augiesarmy

Richtig, Sie waren nicht so hilfreich (die Bereitstellung der Quelle wäre wirklich hilfreich gewesen!), Aber jetzt geht's los ... Einige Dinge, die Sie überprüfen sollten:

Ist der Code so:

<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" />

Ist es in der <head>?

Ist das Bild eine echte ico-Datei? (Das Umbenennen einer Bitmap ist kein echtes .ico! Ein etwas anderes Format)

Funktioniert es, wenn Sie die Seite als Lesezeichen hinzufügen?

59
Oli

In IE und FireFox wird die Datei favicon.ico nur auf der ersten auf der Site besuchten Seite angefordert. Dies bedeutet, dass Ihre Site geschlossen ist, wenn die Datei favicon.ico angemeldet werden muss Website und erfordert Login), dann wird das Symbol nicht angezeigt.

Die Lösung besteht darin, eine Ausnahme für die Datei favicon.ico hinzuzufügen, z. B. in ASP.Net, das Sie in der Datei web.config hinzufügen:

<location path="favicon.ico">
  <system.web>
     <authorization>
       <allow users="*" />
     </authorization>
  </system.web>
</location> 
22
yoel halb
 <link rel="shortcut icon" type="image/x-icon" href="FolderName/favicon.ico" />
  1. Deine favicon.ico muss zwischen head tag stehen
  2. größe: 16 x 16
  3. nd für Internet Explorer muss es transparent sein (der äußere weiße Teil sollte nicht sichtbar sein)
11
Nivedita

Sollte jemand auf diese Antwort antworten:

Gleiches Problem: Funktionierte nicht in IE (einschließlich IE 10)), funktionierte überall anders.

Es stellte sich heraus, dass die Datei keine "echte" ICO-Datei war. Ich habe das behoben, indem ich es auf http://www.favicon.cc/ hochgeladen und dann erneut heruntergeladen habe.

Zuerst habe ich es getestet, indem ich eine zufällige .ico-Datei auf dieser Site erstellt und diese anstelle meiner Originaldatei verwendet habe. Sah, dass es funktioniert hat.

7
user984003

Ich weiß, dass dies ein sehr altes Thema ist, aber da es das erste ist, das in meiner Google-Suche auftaucht, wollte ich nur meine Lösung hinzufügen:

Ich hatte dieses Problem auch mit einem Symbol, das von einem Client bereitgestellt wurde. Es wird in allen Browsern außer IE angezeigt. Das Hinzufügen der Tags link oder meta hat nicht funktioniert, daher habe ich mich mit dem Format der Symboldatei befasst.
Es schien eine gültige Symboldatei zu sein (nicht nur ein umbenanntes Bild), aber was es am Ende behoben hat, war konvertiere es in ein Bild, speichere es als GIF und konvertiere es dann zurück zu einem Icon.
Stellen Sie außerdem sicher, dass Sie den IE Cache während des Tests löschen.

4
germankiwi

Haben Sie versucht, das Symbol in den URI "/favicon.ico "? IE weiß möglicherweise nicht, wie mit dem Link-Tag darauf verwiesen wird.

Weitere Infos ab W .

4
Jonathan Tran

Wenn Sie alles oben Genannte ausprobiert haben und es im IE immer noch nicht funktioniert, überprüfen Sie Ihre IIS wenn Sie einen Windows-Server verwenden. Stellen Sie sicher, dass die Einstellung HTTP-Header> "Ablauf des Inhalts aktivieren", IS NOT SET to "Sofort verfallen"

4
Jammin Jamy

Ich hatte genau dieses Problem und nichts schien zu funktionieren. Nachdem ich den Browser-Cache unzählige Male geleert und sogar IE auf v9 aktualisiert hatte, fand ich Folgendes: http://favicon.htmlkit.com/favicon/

Der obige Link hat das Problem für mich perfekt gelöst!

2
RustyIngles

Keine der oben genannten Lösungen hat bei mir funktioniert.

Zunächst habe ich mich vergewissert, dass das Symbol das richtige Format hat. Verwenden Sie dazu die oben vorgeschlagene Website, um Favoriten zu erstellen.

Dann habe ich das Icon von 'favicon.ico' in 'myicon.ico' umbenannt und der Seite den folgenden Code hinzugefügt (innerhalb des <head> Stichworte):

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

Das Symbol befindet sich im selben Ordner wie die Seite.

Dies löste das Problem für mich. Das Problem hinter den Kulissen hatte wahrscheinlich etwas mit dem Zwischenspeichern des IE zu tun, aber ich bin mir nicht sicher.

1
demonicdaron

Möchtest du die URL teilen? Viele Browser kommen mit Favicons im (zB) png-Format zurecht, während IE) häufig Probleme hatte. - Auch ältere Versionen von IE) haben die HTML-Quelle nicht nach dem Speicherort durchsucht vom favicon aber nur zielstrebig versucht "/favicon.ico" vom webserver zu bekommen.

0
Sec

dies scheint ein Problem mit ASPX-Seiten zu sein. Ich konnte auf keiner Seite ein Favicon für IE (alle anderen ja Chrome, FF und Safari) anzeigen. Dies sind die einzigen Websites, die ich gesehen habe Ausnahme von dieser Regel sind bing.com, msdn.com und andere, die zu MS gehören und auf asp.net laufen. Es gibt etwas, das sie uns nicht sagen! Sogar weltbekannte Websites können nicht in IE angezeigt werden, z. B .: manu.com (das meistbesuchte Sportteam der Welt) aspx-Site und das Favicon im IE wird nicht angezeigt. http://www.manutd.com/favicon.ico zeigt das Symbol an.

Bitte beweise mir das Gegenteil.

0
Ferdinand Ta

In Bezug auf Inkompatibilitäten mit IE9 bin ich auf den Blogpost this gestoßen, der Tipps zum Erstellen eines von IE9 erkannten Favicons enthält.

Versuchen Sie im Wesentlichen, ein Favicon mit der folgenden Site zu erstellen: http://www.xiconeditor.com/

0
orschiro

Ich habe mal ein PNG als favicon.ico benutzt und es wird in allen Browsern außer IE angezeigt. Möglicherweise führt etwas in der Datei dazu, dass sie vom Internet Explorer nicht erkannt wird. Stellen Sie außerdem sicher, dass es 32 x 32 ist. Ich weiß nicht, ob es darauf ankommt. Aber es ist etwas, das ich sicherstellen musste, um es im IE zu sehen.

Ich hoffe es hilft. Versuchen Sie, eine ICO-Datei von einem anderen Ort zu verwenden, nur um zu sehen, ob das funktioniert.

0
Mihai Lazar

Versuchen Sie etwas wie:

Hinzufügen zu HTML:

  <link id="shortcutIcon" rel="shortcut icon" type="image/x-icon">
  <link id="icon" rel="icon" type="image/x-icon">

Fügen Sie nach dem Tag ein verkleinertes Skript hinzu:

<script type="text/javascript">
(function(b,c,d,a){a=c+d+b,document.getElementById('shortcutIcon').href=a,document.getElementById('icon').href=a;}(Math.random()*100,(document.querySelector('base')||{}).href,'/assets/images/favicon.ico?v='));
</script>

wo

  • '/assets/images/favicon.ico' verwandter Pfad zu .ico
  • ? v = 'Math.random () * 100' - um das Browser-Update favicon.ico zu erzwingen

Vor dem Test Verlauf löschen: (ctr + shfit + del)

0
AllmanTool

Möge dies anderen helfen.

Für mich wurde ICON nicht im IE angezeigt, obwohl ich alle Schritte befolgt hatte.

Schließlich fand ich eine Notiz in MSDN Troubleshooting Shortcut Icons .

Stellen Sie sicher, dass Internet Explorer das Verknüpfungssymbol im Ordner "Temporäre Internetdateien" speichern kann. Wenn Sie in Internet Explorer festgelegt haben, dass kein Cache gespeichert werden soll, kann das Symbol nicht gespeichert werden. Stattdessen wird das standardmäßige Internet Explorer-Verknüpfungssymbol angezeigt.

Ich habe IE im "Privat" -Modus verwendet, nachdem ich mich im normalen Modus verifiziert hatte. Das Fav-Symbol wurde ordnungsgemäß angezeigt.

0
Rajeev

Führen Sie Internet Explorer als Administrator aus. Wenn Sie IE im normalen Modus öffnen, wird das Favicon nicht auf IE 11 (Win 7) angezeigt. Ich bin mir nicht sicher, wie sich andere Browserversionen verhalten .

0
Durgaprasad MV

Dieser Crossbrowser funktioniert für mich (IE11, Edge, CHROME, FIREFOX, OPERA). Verwenden Sie https://www.icoconverter.com/ , um eine .ico-Datei zu erstellen

<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" />
0
Wilson Delgado

Überprüfen Sie die Antwort-Header für Ihr Favicon. Sie dürfen nicht "Cache-Control: no-cache" enthalten.

Sie können dies über die Befehlszeile überprüfen, indem Sie Folgendes verwenden:

curl -I http://example.com/favicon.ico

oder

wget --server-response --spider http://example.com/favicon.ico

(Oder verwenden Sie ein anderes Tool, das Ihnen Antwort-Header anzeigt.)

Wenn dort "Cache-Control: no-cache" angezeigt wird, passen Sie Ihre Serverkonfiguration an, um entweder diesen Header aus der Favicon-Antwort zu entfernen oder ein Höchstalter festzulegen.

0
Lachlan Hunt

DIE LÖSUNG :

  • Ich habe ein Symbol aus einer vorhandenen PNG-Datei erstellt, indem ich einfach die Erweiterung des Bildes von PNG zu ICO geändert habe. Ich benutze drupal 7 bartik theme, also habe ich das Verknüpfungssymbol auf den Server hochgeladen und es hat funktioniert für Chrome und Firefox, aber nicht IE. Auch das Bildsymbol war weiß-leer auf dem Desktop.

  • Dann habe ich mich an einige Leute gewandt und das Bild mit einem Bildeditor (gimp 2 <<) auf 32x32 Pixel verkleinert

  • Ich habe das Symbol auf die gleiche Weise wie zuvor hochgeladen, und es hat für alle Browser problemlos funktioniert.

Ich liebe euch beim Stackoverflow, ihr habt mir geholfen, VIELE Probleme zu lösen. DANKE!

0
Rob Durden

Ich sehe ein unterschiedliches Verhalten zwischen Windows 10 und Windows Server 2016 sowie zwischen IE und Edge. Ich habe es mit www.Microsoft.com getestet.

Windows Server 2016 IE 11:
Favoriten: Site-Symbol
Adressleiste: Site-Symbol
Browser-Registerkarte: Site-Symbol

Windows 10 IE 11:
Favoriten: Site-Symbol
Adressleiste: Allgemeines Blau-E-Symbol
Browser-Tab: Allgemeines Blau-E-Symbol

Windows 10 Edge:
Favoriten: Site-Symbol
Adressleiste: kein Symbol
Browser-Registerkarte: Site-Symbol

Was ist los mit Windows 10 IE mit dem allgemeinen Symbol?

0
BillVo

Vielen Dank für all Ihre Hilfe. Ich habe verschiedene Optionen ausprobiert, aber die folgende hat bei mir funktioniert.

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

Ich habe die beiden obigen Zeilen in die Kopfzeile meiner Seite eingefügt und es hat in allen Browsern funktioniert.

Vielen Dank

0

Auch - Zertifikatfehler (https) können verhindern, dass das Favicon angezeigt wird. Das Sicherheitsteam hat unsere Servereinstellungen geändert und es wird angezeigt, dass ein Problem mit dem Sicherheitszertifikat dieser Website vorliegt. Klicken Sie auf "Weiter zu dieser Website (nicht empfohlen)". brachte mich auf die Website, wollte aber das Favicon NICHT zeigen.

0
An Bo