IE non mostra le icone .ico in HTML se non viene servito come & # 8220; image / x-icon & # 8221;

Question

Sto mostrando favicon di siti Web in un elenco, come elementi < img / > .
alcuni siti Web li servono come:

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

e alcuni li servono come:

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

IE non mostra le immagini preferite di quelle che non hanno type = " image / x-icon " .
Non riesco a controllare il modo in cui i siti Web offrono i loro favicon, quindi cosa posso fare da parte mia?

Answer 1

Penso che la cosa migliore da fare sia convertirli in un altro formato. Se stai visualizzando le icone manualmente, puoi scaricarle tutte, convertirle con un programma di immagini e caricarle sul tuo sito.

Se lo fai automaticamente, dovrai esaminare tutti gli strumenti di gestione delle immagini disponibili sul lato server. Se stai usando PHP, sarebbe GD o librerie ImageMagick . Converti semplicemente in PNG per esempio e memorizzalo nella cache sul tuo sito.

Se IE non visualizza i file .ico in linea con una pagina, è improbabile che tu sia in grado di visualizzarlo senza eseguire alcun tipo di elaborazione. Al livello più semplice, puoi semplicemente leggere le immagini esterne e servirle come il giusto tipo mime, senza convertirle.

Answer 2

Inseriscilo nella tua configurazione di apache o nel file .htaccess :

AddType image/x-icon .ico

Answer 3

Sfortunatamente, non sembra risolvere il problema che ho. IE non riesce a visualizzare tutti i favicon.ico nel mio elenco di collegamenti ( http://www.jerbils.info/wxlinks .php ) mentre tutti gli altri browser lo fanno (ovvero mostrano tutti i favicon.ico esistenti). È interessante notare che se visualizzo manualmente il favicon.ico di un dominio in IE, quelli che non vengono visualizzati in IE che vengono visualizzati in tutti gli altri browser vengono visualizzati come contenuto testuale anziché in un'immagine. L'implicazione è che c'è qualcosa nei file che IE non piace e di conseguenza sta generando una condizione onerror che sta causando la visualizzazione dell'icona predefinita.