•  02-07-2019
  •  | 
  •  

Pregunta

Tengo un sitio que utiliza un favicon.ico personalizado.El favicon se muestra como se esperaba en todos los navegadores excepto IE.Cuando intento mostrar el favicon en IE, aparece la gran x roja;cuando se muestra el favicon en otro navegador, se muestra bien.La fuente de la página incluye y funciona en otros navegadores.Gracias por tus pensamientos.

EDITAR:SOLUCIONADO:La fuente del problema fue que el archivo era jpg y se le cambió el nombre a ico.Creé el archivo como ico y funciona como se esperaba.Gracias por tu contribución.

¿Fue útil?

Solución

Cierto, no has sido tan útil (¡proporcionar la fuente hubiera sido realmente útil!), pero aquí tienes...Algunas cosas para comprobar:

¿El código es 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 una real archivo ico?(¡Cambiar el nombre de un mapa de bits no es un .ico real!Formato ligeramente diferente)

¿Funciona cuando agregas la página como marcador?

Otros consejos

En IE y FireFox, 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 ícono no se mostrará.

La solución es agregar una excepción para favicon.ico, por ejemplo en ASP.Net agregas en web.config:

<location path="favicon.ico">
  <system.web>
     <authorization>
       <allow users="*" />
     </authorization>
  </system.web>
</location> 

 <link rel="shortcut icon" type="image/x-icon" href="FolderName/favicon.ico" />
  1. Su favicon.ico debe colocarse entre cabeza etiqueta
  2. tamaño :16 X 16
  3. y para Internet Explorer debe ser transparente (la parte blanca exterior no debe verse)

¿Alguien debería llegar a esta respuesta?

Mismo problema:no funcionó en IE (incluido IE 10), funcionó en todos los demás.

Resulta que el archivo no era un archivo .ico "real".Lo solucioné subiéndolo a http://www.favicon.cc/ y luego descargarlo nuevamente.

Primero lo probé generando un archivo .ico aleatorio en este sitio y usándolo en lugar de mi archivo original.Vi que funcionó.

¿Intentaste poner el ícono en el URI?/favicon.ico"?Es posible que IE no conozca la forma en que la etiqueta de enlace se refiere a él.

Más información de W3.

Si intentó todo lo anterior y todavía no funciona en IE, verifique la configuración de IIS si está utilizando un servidor Windows.Asegúrese de que la configuración Encabezados HTTP > “Habilitar caducidad de contenido” NO ESTÉ CONFIGURADA en “Caducar inmediatamente”

Sé que este es un tema muy antiguo ahora, pero como es el primero que apareció en mi búsqueda en Google, solo quería agregarle mi solución:

También tuve este problema con un ícono proporcionado por un cliente.Se muestra en todos los navegadores excepto IE.Añadiendo el link o meta Las etiquetas no funcionaron, 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 conviértalo en una imagen, guárdelo como GIF y luego conviértalo nuevamente en un ícono.
También asegúrese de borrar el caché de IE mientras realiza la prueba.

Tuve exactamente este problema y nada pareció 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í!

Ninguna de las soluciones anteriores funcionó para mí.

En primer lugar, me aseguré de que el ícono esté en el formato correcto usando el sitio web para crear favicons sugerido anteriormente.

Luego cambié el nombre del ícono de 'favicon.ico' a 'myicon.ico' y agregué el siguiente código a mi página (dentro del <head> etiquetas):

<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.

¿Te importaría compartir la URL?Muchos navegadores soportan favicons en (por ejemplo) formato png, mientras que IE tenía problemas a menudo.- Además, las versiones anteriores de IE no verificaron la fuente html para la ubicación del favicon, sino que simplemente intentaron obtener "/favicon.ico" del servidor web.

Una vez usé un PNG como favicon.ico y se mostró en todos los navegadores excepto IE.Quizás algo en el archivo haga que IE no lo reconozca.También asegúrese de que sea 32x32.Aunque no sé si importa.Pero es algo de lo que tenía que asegurarme para poder verlo en IE.

Espero eso ayude.Intente utilizar un archivo ico de algún otro lugar sólo 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 (todas las 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 son de MS y corren en asp.net, ¡hay algo que no nos dicen!Incluso los sitios mundialmente conocidos no pueden mostrarse en IE, por ejemplo:manu.com (el equipo deportivo más visitado del mundo) sitio aspx y no muestra el favicon en IE. http://www.manutd.com/favicon.ico muestra el icono.

Por favor, demuéstrame que estoy equivocado.

LA SOLUCIÓN :

  • Creé un ícono a partir de un 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 FUNCIONÓ para Chrome y Firefox, pero no para IE.Además, el ícono de la imagen estaba en blanco en el escritorio.

  • Luego seguí 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<<

  • Subí el ícono de la misma manera que antes y funcionó bien para todos los navegadores.

Los amo chicos en stackoverflow, me ayudaron a resolver MUCHOS problemas.¡GRACIAS!

Gracias por toda su ayuda. Probé diferentes opciones pero la siguiente funcionó para mí.

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

Agregué las dos líneas anteriores en el encabezado de mi página y funcionó en todos los navegadores.

Gracias

Puede ser que esto ayude a otros.

Para mí, ICON no se mostraba en IE, incluso después de seguir todos los pasos.

Finalmente encontré una nota en MSDN. Solución de problemas de iconos de acceso directo.

Verifique que Internet Explorer pueda almacenar el icono de acceso directo en la carpeta temporal de archivos de Internet.Si ha establecido Internet Explorer para no mantener un caché, entonces no podrá almacenar el icono y mostrará el icono de acceso directo de Internet Explorer predeterminado.

Estaba usando IE en modo "En privado", una vez que verifiqué en modo normal...El icono favorito se muestra correctamente.

Respecto a las incompatibilidades con IE9 que encontré este publicación de blog que brinda consejos para crear un favicon reconocido por IE9.

Básicamente, intente crear un favicon con el siguiente sitio: http://www.xiconeditor.com/

Verifique los encabezados de respuesta de su favicon.No deben incluir "Cache-Control:sin caché".

Puedes 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 utilice alguna otra herramienta que le muestre encabezados de respuesta)

Si ve "Control de caché:no-cache" allí, ajuste la configuración de su servidor para eliminar ese encabezado de la respuesta del favicon o establecer una edad máxima.

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 otras versiones de navegadores.

Además, los errores de certificado (https) pueden impedir que aparezca el favicon.El equipo de seguridad cambió la configuración de nuestro servidor y comencé a obtener "Hay un problema con el certificado de seguridad de este sitio web". Haga clic en "Continuar con este sitio web (no recomendado)". Me llevó al sitio web pero no mostraba el Favicon.

Veo diferentes comportamientos entre Windows 10 y Windows Server 2016 y entre IE y Edge.Probé usando www.microsoft.com.

Servidor de Windows 2016 IE 11:
Favoritos:icono del sitio
Barra de dirección:icono del sitio
Pestaña del navegador:icono del sitio

Windows 10 IE 11:
Favoritos:icono del sitio
Barra de dirección:icono genérico de E azul
Pestaña del navegador:icono genérico de E azul

Borde de Windows 10:
Favoritos:icono del sitio
Barra de dirección:sin icono
Pestaña del navegador:icono del sitio

¿Cuál es el problema con Windows 10 IE que muestra el ícono genérico?

Este navegador cruzado funciona para mí (IE11, EDGE, CHROME, FIREFOX, OPERA), uso https://www.icoconverter.com/ para crear un archivo .ico

<link data-senna-track="temporary" href="${favicon_url}" rel="Shortcut Icon" />
<link rel="icon" href="${favicon_url}" type="image/x-icon" />
<link rel="shortcut icon" href="${favicon_url}" type="image/x-icon" />
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top