Favicon funktioniert nicht in IE

https://stackoverflow.com/questions/122067

02-07-2019
|

Frage

Ich habe eine Seite mit einem benutzerdefinierten favicon.ico. Die Favicon zeigt, wie in allen Browsern außer IE erwartet. Beim Versuch, das Favicon in IE angezeigt werden, erhalte ich die großen roten x; wenn das Favicon in einem anderen Browser angezeigt wird, zeigt es nur in Ordnung. Die Seite Quelle und es ist auch in anderen Browsern. Vielen Dank für Ihre Gedanken.

EDIT: GELÖST: Die Ursache des Problems war die Datei ein jpg zu ico umbenannt wurde. Ich habe die Datei als ico und es funktioniert wie erwartet. Vielen Dank für Ihre Eingabe.

Lösung

Right Sie nicht sind, dass hilfreich (liefernde Quelle wirklich nützlich gewesen wäre!), Aber hier gehen Sie ... Einige Dinge zu überprüfen:

Ist der Code wie folgt:

<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 real ico-Datei? (Ein Bitmap-Umbenennung ist keine echte ICO! Mild anderes Format)

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

Andere Tipps

Im IE und FireFox die favicon.ico wird nur auf der ersten Seite angefordert wird, auf der Website besucht, was bedeutet, dass, wenn die favicon.ico Log-in erforderlich (zum Beispiel Ihrer Website eine geschlossene Seite ist und erfordert Login) dann wird das Symbol nicht angezeigt werden.

Die Lösung ist eine Ausnahme für die favicon.ico, zum Beispiel in ASP.Net hinzuzufügen, die Sie in der Datei web.config hinzufügen:

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

Ihre favicon.ico muss zwischen Kopf platziert werden Tag
Größe: 16 x 16
und für Internet Explorer transparent sein muss (die äußere weiße Teil sollte nicht sichtbar)

Sollte jemand macht es bis zu dieser Antwort:

Das gleiche Problem:. Hat in IE nicht funktionieren (einschließlich IE 10), arbeitete überall sonst

Es stellte sich heraus, dass die Datei nicht eine „echte“ ICO-Datei war. Ich reparierte dies, indem sie es auf http://www.favicon.cc/ hochladen und es dann erneut herunterzuladen.

Zuerst testete ich es durch eine zufällige ICO-Datei auf dieser Seite zu erzeugen und dass anstelle von meiner ursprünglichen Datei. Sah, dass es funktioniert.

Haben Sie versucht, das Symbol in der URI „/favicon.ico“ setzen? IE möglicherweise nicht über den Link-Tag Weg wissen, um es zu verweisen.

Weitere Informationen von W3 .

Wenn Sie alles versucht, oben und es immer noch nicht in IE funktioniert, überprüfen Sie die IIS-Einstellungen, wenn Sie einen Windows-Server verwenden. Stellen Sie sicher, dass die HTTP-Header> „Enable Ablaufen von Inhalt“ die Option nicht auf „Laufen Sie ab sofort“

Ich weiß, dass dies ein wirklich altes Thema ist jetzt, aber wie es ist die erste, das auf meiner Google-Suche kam ich wollte nur meine Lösung, um es hinzuzufügen:

Ich hatte dieses Problem auch mit einem Symbol, das von einem Client geliefert wurde. Er zeigte in allen Browsern außer IE. Hinzufügen der link oder meta Tags funktionierte nicht, so dass ich auf das Format der Symboldatei suchen begann.
Es erschien eine gültige Symboldatei (nicht nur eine umbenannte Bild) zu sein, aber was es am Ende befestigt war auf wandelt es in ein Bild, es als GIF speichern, und dann zurück in ein Symbol konvertieren .
Auch stellen Sie sicher, die IE-Cache zu löschen, während Sie testen.

Ich hatte genau dieses Problem und nichts schien zu funktionieren. die Browser-Cache unzählige Male nach dem Löschen und sogar IE Aktualisierung ich diese gefunden v9: http://favicon.htmlkit.com / Favicon /

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

Keine der oben genannten Lösungen für mich gearbeitet.

Zunächst einmal stellt mir sicher, das Symbol im richtigen Format ist die Website mit Favicons oben vorgeschlagen erstellen.

Dann umbenannt ich das Symbol von ‚favicon.ico‘ in ‚myicon.ico‘ und fügte den folgenden Code auf meiner Seite (innerhalb der <head> Tags):

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

Das Symbol ist auf dem gleichen Ordner wie die Seite.

Dieses löste das Problem für mich. Die Frage hinter den Kulissen hatte wohl etwas mit dem Caching von IE zu tun, aber ich bin nicht sicher.

Pflege der URL zu teilen? Viele Browser mit Favicons in (z) PNG-Format bewältigen, während IE oft Schwierigkeiten hatten. - Auch ältere Versionen des IE nicht überprüfen Sie die HTML-Quelle für den Standort des Favicon aber nur unbeirrbar versucht „/favicon.ico“ vom Webserver zu erhalten

Ich habe einmal eine PNG als favicon.ico und es in allen Browsern außer IE angezeigt. Vielleicht bewirkt etwas in der Datei, um sie nicht durch IE erkannt werden. Auch stellen Sie sicher, es ist 32x32. Weiß nicht, ob es aber ankommt. Aber es ist etwas, musste ich, um sicherzustellen, dass es in IE zu sehen.

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

dies ein ASPX-Seiten Problem scheint zu sein, habe ich nie in der Lage gewesen, für IE (alle andere ja Chrome, FF und Safari) die einzigen Websites ein Favicon in einem beliebigen Seite zu zeigen, dass ich gesehen habe, dass die Ausnahme, dass sind Regel sind bing.com, msdn.com und andere, die auf MS gehören und laufen auf asp.net, ist es etwas, das sie nicht sagen uns! manu.com (die meisten geblättert Sportteam in der Welt) aspx Website und nicht das Favicon auf IE dislplay: sogar weltbekannten Websites im Internet Explorer zum Beispiel zeigen, können nicht. http://www.manutd.com/favicon.ico tut das Symbol zeigen.

Bitte beweisen mich nicht falsch.

DIE LÖSUNG:

habe ich ein Symbol aus bestehenden png-Datei, indem Sie einfach von png zu ico die Erweiterung des Bildes zu verändern. Ich benutze Drupal 7 Bartik Thema, so dass ich hochgeladen das Verknüpfungssymbol auf den Server und es funktionierte gut für Chrome und Firefox, aber nicht IE. Auch das Bild-Symbol war weiß-Rohling auf dem Desktop.
Dann habe ich den Rat von einigen Jungs hier und reduziert die Größe des Bildes auf 32x32 Pixel ein Bildeditor (gimp 2 <<
ich hochgeladen auf das Symbol in der gleichen Weise wie früher, und es funktionierte für alle Browser in Ordnung.

Ich liebe dich Jungs auf Stackoverflow, Sie hat mir geholfen, viele Probleme zu lösen. DANKE!

Vielen Dank für Ihre help.I verschiedene Möglichkeiten ausprobiert, aber die unter einem für mich gearbeitet.

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

Ich habe die beiden obigen Zeilen im Header meiner Seite hinzugefügt und es hat funktioniert in allen Browsern.

Danke

Auch diese Hilfe andere Hersteller sein.

Für mich ICON wurde nicht in IE angezeigt bekommen, auch nach allen Schritten.

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

Stellen Sie sicher, dass der Internet Explorer das Verknüpfungssymbol in der speichern Ordner Temporary Internet Files. Wenn Sie den Internet Explorer auf nicht einen Cache halten, dann wird es nicht möglich sein, das Symbol zu speichern und wird Anzeige der Standard-Internet-Explorer Shortcut-Symbol statt.

Ich war mit IE in "Im Privaten" -Modus, wenn ich im normalen Modus überprüft .... Fav-Symbol korrekt angezeigt.

In Bezug auf Inkompatibilitäten mit IE9 stieß ich auf diesem Blog Post, die Tipps für die Schaffung eines Favicon gibt, die von IE9 erkannt wird.

In einem Wesen, versuchen Sie ein Favicon mit der folgenden Website zu erstellen: http://www.xiconeditor.com/

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

Sie können dies über die Befehlszeile:

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

oder

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

(oder ein anderes Werkzeug verwenden, die Sie Header Antwort wird zeigen)

Wenn Sie "Cache-Control: no-cache" zu sehen. Dort, passen Sie die Serverkonfiguration entweder den Header aus der Favicon Antwort entfernen oder eine max-age gesetzt

Starten Sie den Internet Explorer als Administrator an. Wenn Sie den Internet Explorer im normalen Modus öffnen dann Favicon wird nicht auf IE 11 (Win 7) angezeigt werden soll. Ich bin über das Verhalten auf andere Version der Browser nicht sicher.

Auch - Zertifikatfehler (https) kann das Favicon erscheinen verhindern. Das Sicherheitsteam veränderte unsere Servereinstellungen, und ich begann immer „Es gibt ein Problem mit dem Sicherheitszertifikat der Website.“ Ein Klick auf „Weiter auf diese Website (nicht empfohlen).“ auf der Website hat mich aber das Favicon nicht zeigen würde.

Ich sehe unterschiedliches Verhalten zwischen Microsoft Windows 10 und Windows Server 2016 und zwischen IE und Kante stricken. Getestet habe ich www.microsoft.com verwendet wird.

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

Windows-10 IE 11:
Favoriten: Site-Symbol
Adressleiste: generic blau-E Symbol
Browser-Tab: generic blau-E Symbol

Windows-10 Rand:
Favoriten: Site-Symbol
Adressleiste: kein Symbol
Browser-Tab: Site-Symbol

Was ist der Deal mit dem Windows 10 IE das allgemeine Symbol zeigt?

Diese Arbeit cross für mich (IE11, EDGE, Chrome, Firefox, Opera), verwenden Sie https: // www. icoconverter.com/ ICO-Datei 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" />

Lizenziert unter: CC-BY-SA mit Zuschreibung

Nicht verbunden mit StackOverflow