IE no muestra iconos .ico en HTML si no se sirve como & # 8220; image / x-icon & # 8221;

Question

Estoy mostrando favicons de sitios web en una lista, como elementos < img / > .

algunos sitios web los sirven como:

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

y algunos los sirven como:

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

IE no muestra las imágenes de favicons de aquellas que no tienen type = " image / x-icon " .
No puedo controlar cómo los sitios web sirven sus favicons, entonces, ¿qué puedo hacer desde mi lado?

Answer 1

Creo que lo mejor es convertirlos a otro formato. Si está visualizando los iconos manualmente, puede descargarlos, convertirlos con un programa de imágenes y subirlos a su sitio.

Si lo hace automáticamente, tendrá que ver las herramientas de manejo de imágenes que obtiene en el lado del servidor. Si está utilizando PHP, ese sería el GD o bibliotecas ImageMagick . Simplemente convierta a PNG, por ejemplo, y almacénelo en su sitio.

Si IE no muestra archivos .ico en línea con una página, entonces es poco probable que pueda hacer que se muestre sin realizar algún tipo de procesamiento. En el nivel más simple, puede leer las imágenes externas y servirlas como el tipo mime correcto, sin convertirlas.

Answer 2

Ponga esto en su configuración de apache o archivo .htaccess :

AddType image/x-icon .ico

Answer 3

Desafortunadamente, no parece resolver el problema que tengo. IE no muestra todos los favicon.ico en mi lista de enlaces ( http://www.jerbils.info/wxlinks .php ) mientras que todos los demás navegadores lo hacen (es decir, muestran todos los favicon.ico que existen). Curiosamente, si visualizo manualmente el favicon.ico de un dominio en IE, los que no se muestran en IE que se muestran en todos los demás navegadores aparecen como contenido textual en lugar de una imagen. La implicación es que hay algo en los archivos que a IE no le gusta y, en consecuencia, está generando una condición de error que hace que se muestre el icono predeterminado.