Wir verwenden den folgenden Code, um Symbole für Favicon, Tablets, Smartphones, Windows 8-Kacheln und dergleichen hinzuzufügen: -
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="shortcut icon" type="image/x-icon" href="/webmasters//favicon.ico"/>
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
<meta name="msapplication-TileImage" content="apple-touch-icon-144x144-precomposed.png"/>
<meta name="msapplication-TileColor" content="#17151a"/>
Leider scheint dies für IE9 und IE10s Bildschirm "Ihre beliebtesten Websites" nicht zu funktionieren. Die Google-Suche war nicht aufschlussreich.
Stapelverwendungen, <link rel="apple-touch-icon" href="apple-touch-icon.png">
die dafür zu funktionieren scheinen, aber nicht für uns.
Hinweise auf eine Lösung sind erwünscht.
internet-explorer
favicon
MJWadmin
quelle
quelle
Antworten:
Wo ist deine ico-Datei? Ich kann sehen, dass es sich im Stammordner befindet. Dann brauchen Sie keinen Schrägstrich dahinter. Entfernen Sie den Schrägstrich hinter Ihrer Datei. Sie brauchen ihn auch nicht
type="image/x-icon"
Ihre ICO-Datei sollte eine normale Symbolbibliothek mit unterschiedlichen erforderlichen Symbolgrößen sein.
Verwenden Sie einfach den obigen Code, er funktioniert perfekt für IE9, IE10, FX und Chrome.
Wenn Sie zuvor ein anderes Favico hatten, müssen Sie auch den Cache Ihres Browsers aktualisieren .
quelle
Was sind die Dimensionen Ihres Favicons? Überprüfen Sie diese Liste, um sicherzustellen, dass sie diesen Richtlinien entsprechen:
Anpassen des Site-Symbols - Site-Symbole in Internet Explorer 9
Bearbeiten
Wenn ich mir den Quellcode von Stackoverflow ansehe, sehe ich 2 Symbolbilder:
UND
Wenn ich mir meinen Stackoverflow in der Registerkarte "Favoriten" in IE9 ansehe, sieht es so aus, als würde er das 16x16-Favicon verwenden (und es in einem 32x32-Container zentrieren), nicht das 158x158-Stackoverflow-Apple-Touch-Symbol, wie Sie vorgeschlagen haben, denn wenn Sie sich das PNG ansehen, wird das Das "Padding" -Distanzverhältnis von Seite zu Boden beträgt ungefähr 2,5: 1, wobei es im Favicon 1: 1 entspricht, genau wie das 1: 1-Padding auf der Registerkarte IE9 ...
Ich kann Ihnen sagen, dass das Favicon meines Arbeitgebers in IE9-Favoriten geladen wird und 64 x 64 (keine Transparenz, Größe 12,5 KB). Wenn Sie Ihr Favicon immer noch nicht anzeigen können, posten Sie einen Link, damit wir die aktuelle Bilddatei überprüfen können
quelle
Versuchen Sie es entweder wie von Omne vorgeschlagen und entfernen Sie Ihr Typattribut oder fügen Sie ein zweites mit image / vnd.microsoft.icon als Wert hinzu. Stellen Sie dann sicher, dass Ihr Server den MIME-Typ für dot ico-Dateien sendet. Sieh dir das an:
https://github.com/paulirish/html5-boilerplate/commit/37b5fec090d00f38de64b591bcddcb205aadf8ee
Eine Hintergrundgeschichte
Früher war es so, oder besser gesagt, es wurde darüber gestritten, welcher MIME-Typ für Symbole richtig ist.
Die Microsoft-Welt war und ist wahrscheinlich immer noch auf "image / vnd.microsoft.icon" angewiesen, wo der Rest der Welt inoffiziell (offiziell) "image / x-icon" verwendet. Lol.
Aus Wikipedia ICO Format :
noch Von aus Wikipedia für Favicon
quelle