internet explorer - whatwg - favicon no funciona en IE
w3c html standards (20)
¿ /favicon.ico poner el icono en el URI " /favicon.ico "? Es posible que IE no conozca la forma de la etiqueta de enlace de referirse a ella.
Más información de W3 .
Tengo un sitio que usa un favicon.ico personalizado. El favicon se muestra como se espera en todos los navegadores excepto en IE. Al tratar de mostrar el favicon en IE, obtengo la gran x roja; cuando se muestra el favicon en otro navegador, se muestra muy bien. La fuente de la página incluye y funciona en otros navegadores. Gracias por tus pensamientos
EDITAR: SOLUCIONADO: El origen del problema era que el archivo era un jpg renombrado a ico. Creé el archivo como ico y está funcionando como esperaba. Gracias por tu contribución.
¿Alguien debería llegar a esta respuesta?
Mismo problema: no funcionó en IE (incluido IE 10), funcionó en todos los demás lugares.
Resulta que el archivo no era un archivo .ico "real". Lo arreglé subiéndolo a http://www.favicon.cc/ y luego lo descargué nuevamente.
Primero lo probé generando un archivo .ico aleatorio en este sitio y usando eso en lugar de mi archivo original. Vi que funcionó.
¿Te importa compartir la URL? Muchos navegadores lidian con favicons en formato png (eg) mientras que IE a menudo tiene problemas. - También versiones anteriores de IE no verificaron la fuente html para la ubicación del favicon sino que simplemente trataron de obtener "/favicon.ico" del servidor web.
Además, los errores de certificado (https) pueden evitar que aparezca el favicon. El equipo de seguridad cambió la configuración de nuestro servidor y comencé a recibir "Hay un problema con el certificado de seguridad de este sitio web". Al hacer clic en "Continuar a este sitio web (no recomendado)". me llevó al sitio web pero NO mostraría el favicon.
Compruebe los encabezados de respuesta de su favicon. No deben incluir "Cache-Control: no-cache".
Puede verificar esto desde la línea de comando usando:
curl -I http://example.com/favicon.ico
o
wget --server-response --spider http://example.com/favicon.ico
(o utiliza alguna otra herramienta que te muestre los encabezados de respuesta)
Si ve "Cache-Control: no-cache" allí, ajuste la configuración de su servidor para eliminar ese encabezado de la respuesta de favicon o establecer un máximo de edad.
Correcto, no has sido tan útil (¡haber proporcionado la fuente hubiera sido realmente útil!) Pero aquí tienes ... Algunas cosas que debes comprobar:
Es el código así:
<link rel="icon" href="http://www.example.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.example.com/favicon.ico" type="image/x-icon" />
¿Está en el <head> ?
¿Es la imagen un archivo ico real ? (cambiar el nombre de un mapa de bits no es un formato real .ico! levemente diferente)
¿Funciona cuando agrega la página como un marcador?
Ejecute Internet Explorer como administrador. Si abre IE en modo normal, el favicon no se mostrará en IE 11 (Win 7). No estoy seguro del comportamiento en otra versión de navegadores.
En IE y FireFox, el favicon.ico solo se solicita en la primera página visitada en el sitio, lo que significa que si favicon.ico requiere iniciar sesión (por ejemplo, su sitio es un sitio cerrado y requiere iniciar sesión), entonces el icono no se mostrará.
La solución es agregar una excepción para favicon.ico, por ejemplo en ASP.Net que agregue en el archivo web.config:
<location path="favicon.ico">
<system.web>
<authorization>
<allow users="*" />
</authorization>
</system.web>
</location>
En cuanto a las incompatibilidades con IE9 me encontré con this publicación de blog que ofrece consejos para crear un favicon que es reconocido por IE9.
En esencia, intente crear un favicon con el siguiente sitio: http://www.xiconeditor.com/
Estoy viendo comportamientos diferentes entre Windows 10 y Windows Server 2016 y entre IE y Edge. Probé usando www.microsoft.com.
Windows Server 2016 IE 11:
Favoritos: icono del sitio
Barra de direcciones: icono del sitio
Pestaña del navegador: icono del sitio
Windows 10 IE 11:
Favoritos: icono del sitio
Barra de direcciones: icono genérico azul-E
Pestaña del navegador: icono genérico azul-E
Windows 10 Edge:
Favoritos: icono del sitio
Barra de direcciones: sin icono
Pestaña del navegador: icono del sitio
¿Cuál es el trato con Windows 10 IE que muestra el ícono genérico?
Gracias por toda su ayuda. Probé con diferentes opciones, pero la siguiente me funcionó.
<link rel="shortcut icon" href="/favicon.ico" >
<link rel="icon" type="/image/ico" href="/favicon.ico" >
He agregado las dos líneas anteriores en el encabezado de mi página y funcionó en todos los navegadores.
Gracias
LA SOLUCIÓN :
Creé un icono del archivo png existente simplemente cambiando la extensión de la imagen de png a ico. Utilizo el tema bartik de drupal 7, así que cargué el icono de acceso directo al servidor y TRABAJÓ para Chrome y Firefox, pero no para IE. Además, el icono de la imagen estaba en blanco en blanco en el escritorio.
Luego tomé el consejo de algunos chicos aquí y reduje el tamaño de la imagen a 32x32 píxeles usando un editor de imágenes (gimp 2 <<
Cargué el icono de la misma manera que antes, y funcionó bien para todos los navegadores.
Los amo en , me ayudaron a resolver MUCHOS problemas. ¡GRACIAS!
Ninguna de las soluciones anteriores funcionó para mí.
Antes que nada, me aseguré de que el ícono esté en el formato correcto usando el sitio web para crear los favicons sugeridos anteriormente.
Luego renombré el icono de ''favicon.ico'' a ''myicon.ico'' y agregué el siguiente código a mi página (dentro de las etiquetas <head> ):
<link rel="shortcut icon" href="myicon.ico" type="image/x-icon" />
El icono está en la misma carpeta que la página.
Esto resolvió mi problema. El problema detrás de escena probablemente tuvo algo que ver con el almacenamiento en caché de IE, pero no estoy seguro.
Puede ser esta ayuda a otros.
Para mí ICON no se mostraba en IE, incluso después de seguir todos los pasos.
Finalmente encontré una nota en MSDN Troubleshooting Shortcut Icons .
Verifique que Internet Explorer pueda almacenar el icono de acceso directo en la carpeta Archivos temporales de Internet. Si configuró Internet Explorer para que no conserve un caché, no podrá almacenarlo y, en su lugar, mostrará el ícono de acceso directo predeterminado de Internet Explorer.
Estaba usando IE en el modo "En privado", una vez que lo verifiqué en modo normal ... Ícono de favorito se muestra correctamente.
Sé que este es un tema muy viejo ahora, pero como es el primero que surgió en mi búsqueda de Google, solo quería agregarle mi solución:
También tuve este problema con un icono que fue suministrado por un cliente. Se muestra en todos los navegadores, aparte de IE. Agregar el link o las meta no funcionó, así que comencé a mirar el formato del archivo de ícono.
Parecía ser un archivo de ícono válido (no solo una imagen renombrada), pero lo que lo solucionó al final fue convertirlo en una imagen, guardarlo como un GIF y luego convertirlo de nuevo en un ícono .
También asegúrese de borrar el caché de IE mientras está probando.
Si intentó todo lo anterior y todavía no funciona en IE, verifique su configuración de IIS si está utilizando un servidor de Windows. Asegúrese de que la configuración de Encabezados HTTP> "Habilitar la caducidad del contenido" NO ESTÁ CONFIGURADA en "Caducar inmediatamente"
Tenía este problema exacto y nada parecía funcionar. Después de borrar el caché del navegador innumerables veces e incluso actualizar IE a v9 encontré esto: http://favicon.htmlkit.com/favicon/
¡El enlace de arriba resolvió el problema perfectamente para mí!
Una vez usé un archivo PNG como favicon.ico y se muestra en todos los navegadores, excepto en IE. Quizás algo en el archivo hace que IE no lo reconozca. También asegúrate de que sea 32x32. No sé si importa, sin embargo. Pero es algo que tenía que asegurarme para poder verlo en IE.
Espero eso ayude. Intenta usar un archivo ico desde otro lugar solo para ver si funciona.
esto parece ser un problema de páginas ASPX, nunca he podido mostrar un favicon en ninguna página para IE (todos los demás sí Chrome, FF y safari) los únicos sitios que he visto que son la excepción a esa regla son bing .com, msdn.com y otros que pertenecen a MS y se ejecutan en asp.net, ¡hay algo que no nos dicen! incluso los sitios mundialmente conocidos no pueden mostrarse en IE, por ejemplo: el sitio aspx de manu.com (el equipo deportivo más visitado en el mundo) y no muestra el favicon en IE. http://www.manutd.com/favicon.ico muestra el ícono.
Por favor, demuéstrame que estoy mal
<link rel="shortcut icon" type="image/x-icon" href="FolderName/favicon.ico" />
- Su favicon.ico debe colocarse entre la etiqueta de la cabeza
- tamaño: 16 X 16
- y para Internet Explorer debe ser transparente (la parte blanca exterior no debería estar visible)