Favicon no aparece en la barra de direcciones en IE9 - aún se muestra allí en todos los demás navegadores

Question

Este es realmente extraño, y he intentado todo lo que puedo pensar. No tengo problemas con esto en Firefox, Chrome u Opera. Y cuando cambio el ícono en el servidor, se actualiza inmediatamente en los otros navegadores, pero aún no aparece en IE9.

Por cierto, la imagen se muestra en mi lista de "favoritos" cuando la agrego a favoritos en IE9, simplemente no aparece en la barra de dirección URL. También verifiqué que el archivo ico funciona para otro sitio web. También borré fielmente el historial del navegador IE/archivos temporales de Internet cada vez que realizo un cambio. Estas son algunas de las versiones de código que probé en el archivo .ASPX. La primera versión está trabajando en otro sitio web ASPX que estoy corriendo:

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

Answer 1

trate de poner ruta absoluta y no ruta relativa:

<link rel="SHORTCUT ICON" href="http://www.mydomain.com/myicon.ico"/> 

Además, ¿de dónde se pone la imagen. Por lo que recuerdo, se extraerá automáticamente de una determinada ubicación en su servidor, dependiendo del navegador web.

Answer 2

Intente cambiar el icono rel = "atajo" a solo "icono". Esto funciona para mí

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

Answer 3

Uso > al final de la etiqueta si está usando HTML 4 o HTML5, y /> para XHTML.

Además, es posible que tenga que probar usando type="image/vnd.microsoft.icon"

Fuente: FavIcon (in Address bar) not working in IE 9

Answer 4

Aplies a Windows 7 y 9 o superior es decir!

Tuve problemas con este problema de favicon durante días: se mostró en todos los navegadores pero no en ie9.

Sospeché que el formato de archivo; ¡específicamente su encabezado de definición que define la estructura para el favicon.ico, ya que fue lo único que quedó para examinar haber seguido varios tutoriales y métodos a la carta sin éxito!

Parece que tenía razón: Windows 7 + ie9 espera que el icono se construya como 4 iconos, todo dentro de un archivo.

Paso a paso:

1) I construyó un 64x64 píxeles gráfico de color de 24 bits y se guarda como un archivo PNG

2) Importé este archivo en un freebee llamado icono X Editor conseguirlo aquí http://www.xiconeditor.com/

3) Una vez que me visto de antemano el resultado (habrá cuatro imágenes de 64x64, 32x32, 24x24 y 16x6 (todos en píxeles) y estaba contento con el resultado:

4) he exportado el resultado y señaló los consejos antes de hacer la expo rt ...

5) que luego se usa el guardar como instalación y dirigió el archivo a la raíz de mis archivos del sitio (donde se encuentra el archivo index.html) El archivo que salvé fue favicon.ico

6) Si desea ver los archivos, vaya al directorio del sitio en su disco duro y haga doble clic en el archivo favicon.ico y Windows Photo Viewer le mostrará 4 páginas cada uno representando el tamaño del icono.

7) Editar su código bajo la siguiente manera (el detalle se encuentra en consejos paso 4): debajo de la cabeza inserción etiqueta de esta etiqueta: link rel = "icono de acceso directo" href = "favicon.ico"/

8) Cargue los cambios en su servidor.

9) Borrar los archivos de caché IE9

10) Esperar unos 20 minutos (puede tomar más tiempo)

11) Entrar en su sitio y usted debe ver el favicon

¿Cuáles son las ¿otros iconos están incrustados en un solo archivo favicon.ico?

64x64 son los grandes iconos utilizados por las ventanas (si se crea un acceso directo en el escritorio que tiene grandes iconos del favicon mostrará su gráfica en 64x64pixels),

32x32 mismo que el anterior pero para trabajos de oficina para el medio los iconos del escritorio

24x24 igual que el anterior pero para trabajos de oficina para los pequeños iconos de escritorio

16x16 es el favicon utilizado en su página web. También es el ícono utilizado en el área pinto en la barra inferior del escritorio (barra de tareas). Mueva el acceso directo desde el escritorio a la barra de tareas y verá que cambia el tamaño

Todo listo, funciona, tenga paciencia ¡para que aparezca!

PS (usuarios avanzados) puede tener más de un archivo "favicon" pero tendrá que cambiar el nombre de todos ellos
entonces bajo el punto de etiqueta de la cabeza a cada uno de los archivos de iconos para las distintas páginas - pero solo se permiten uno (o ninguno para archivos múltiples) favicon.ico archivos .... se pone un poco peludo si eres un principiante pero hazlo

Answer 5

Probar sitio: http://favicon.htmlkit.com/favicon/ (probado y funcionando en cada navegador)

1) Borrar el caché del navegador. 2) Incluye todas las imágenes en el paquete que creas desde el sitio anterior.

Answer 6

Tuve el mismo problema con las fuentes y el favicon en IE9. Mientras investigué extensamente sobre los problemas del lado del cliente, la configuración del servidor realmente estaba causando esto.

El modo de control de caché del cliente se configuró en "DisableCache" en IIS. Esto causaba que IE9 no cargara las fuentes o el favicon. Todos los demás navegadores (modernos) funcionaron bien.

En IIS 7 Debería establecer el control de caché para "NoControl" en el bien o el favicon la carpeta de fuentes:

<location path="fonts"> 
    <system.webServer> 
    <staticContent> 
     <clientCache cacheControlMode="NoControl" /> 
    </staticContent> 
    </system.webServer> 
</location>