Der Bildschirm "Beliebteste Websites" in IE 10 - Symbole werden nicht angezeigt

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.

Geben Sie hier die Bildbeschreibung ein

internet-explorer favicon

— MJWadmin
quelle

Schlägt es nur auf diesem Bildschirm fehl? z.B. Wird das Symbol beim normalen Besuch von der Browser-Registerkarte geladen? Das würde definitiv nichts beweisen, aber es wäre ein bisschen informativ. Ansonsten scheinen Sie die Favicon-Situation ziemlich gründlich behandelt zu haben. Ich bin mir nicht sicher, ob ich mir darüber zu viele Sorgen machen würde. Browser sind seit Ewigkeiten berüchtigt, wenn es darum geht, Favicons im Allgemeinen zu laden. Passiert es auch für alle?

— '

Keines der Symbole ist 404'ing, und das Favicon funktioniert in anderen Browsern, ebenso wie die Touch-Symbole. Dies ist eines der sehr ärgerlichen Probleme, die der Vorsitzende bemerkt. Nachdem ich den Morgen damit verbracht habe, haben Neugier und Frustration mich überwältigt.

— MJWadmin

Haben Sie das tatsächliche PNG-Bild ausprobiert, das der Stapel verwendet? Falls es eine Anomalie mit dem PNG-Format selbst gibt?

— MrWhite

Andere Browser sind hier nicht relevant. Ich meinte, wird das Symbol in normalen IE-Registerkarten geladen. Das Fehlen von 404s wird Ihnen auch nichts sagen. Es hat nichts damit zu tun, ob das Bild wirklich da ist oder nicht. Browser sind im Allgemeinen launisch über das Laden von Favoriten, Punkt; Wenn es sich selbst zu einem Problem macht, kann oft wenig getan werden (Cache leeren und alles andere, woran Sie denken könnten: könnte funktionieren, vielleicht nicht; es wird eine Überraschung sein!). Mit der Zeit sind sie besser geworden, aber es passiert immer noch. Firefox konnte gerade kein Favicon in einen Tab für eine Site laden, die bereits in einem anderen Tab mit Symbol geöffnet war .

— '

Könnten Sie in den Kommentaren einen Link zur Website posten?

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 nichttype="image/x-icon"

Ihre ICO-Datei sollte eine normale Symbolbibliothek mit unterschiedlichen erforderlichen Symbolgrößen sein.

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

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 .

— Omne
quelle

Angenommen, die Datei befindet sich tatsächlich im Stammordner, ist das Problem sicherlich die Datei, nicht das gezeigte HTML-Tag (es sei denn, es gibt andere HTML-Fehler weiter unten, die IE-Probleme verursachen). Mein Favicon-Link-Tag ist genau wie @MJWadmin geschrieben und mein Symbol wird in den bevorzugten IE9-Registerkarten

— geladen

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:

<link rel="shortcut icon" href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico">

UND

<link rel="apple-touch-icon" href="http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png">

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

— WebChemist
quelle

-1

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 :

Der offizielle IANA-registrierte MIME-Typ für ICO-Dateien ist image / vnd.microsoft.icon, registriert im Jahr 2003. Fehlerhafte Bezeichnungen "image / ico", "image / icon", "text / ico" und "application / ico" mit dem inoffiziellen Namen "image / x-icon" wurden zum Zeitpunkt der offiziellen Registrierung und Zuweisung des MIME-Typs verwendet.

noch Von aus Wikipedia für Favicon

Im Jahr 2003 wurde das .ico-Format bei der Internet Assigned Numbers Authority (IANA) unter dem MIME-Typ image / vnd.microsoft.icon registriert. [12] Bei Verwendung des .ico-Formats kann Internet Explorer keine Dateien anzeigen, die mit dem standardisierten MIME-Typ bereitgestellt werden. Eine Problemumgehung für Internet Explorer besteht darin, .ico dem nicht standardmäßigen MIME-Typ image / x-icon auf Webservern zuzuordnen.

— Anthony Hatzopoulos
quelle