2012-02-16 17 views
7

tengo un favicon, favicon.png en el directorio - img/favicon/favicon.pngInternet Explorer 9 no mostrando .png favicon

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

En Chrome, Firefox, etc se muestra correctamente, en IE9, duerma espectáculo , donde debería aparecer el favicon, muestra el logotipo de Internet Explorer. ¿Hay alguna razón por la cual IE9 no mostrará el png?

+2

A veces los favicons tardan en cargarse.Borre el caché, reinicie el navegador y espere unos segundos en la página – jacktheripper

+0

No me gustó esto, también cambié el directorio al directorio raíz y también puse un favicon.ico en el directorio raíz (aunque han dejado el favicon enlazado como png) y no es recogido por IE9 – Henrick

+0

¿Has probado con un servidor diferente? ¿O puede vincular el sitio para que podamos esperarlo? – jacktheripper

Respuesta

6

El método W3C no parece estar de acuerdo con IE9:

»W3C method here

No

seguro de lo que está pasando aquí. No se puede mostrar un ícono en IE9 independientemente del método, y los he probado todos, he vaciado el caché, etc. Principalmente respondiendo a este hilo para señalar que el método W3C difiere del que se publicó en febrero.

0

Basado en this foro, yo diría que la clave es <link type="image/png" href="/images/site/favicon.png" rel="icon">

type="image/png" o rel="icon" puede ayudar.

+0

Tengo type = "image/png" y rel = "icon" ya. También cambié el directorio en el directorio raíz y también puse un favicon.ico aquí también (aunque he dejado el favicon vinculado como png) y no es recogido por IE9 – Henrick

+0

Disculpa, veo lo que quieres decir. Hay otra [respuesta de Stackoverflow.com] (http://stackoverflow.com/a/1344379/639505) que puede ayudar. No aborda el problema al que se enfrenta, pero señala que el uso de un archivo ico puede ser tan bueno como un png, ya que ambos permiten la transparencia alfa. – Andrew

8

La razón por la que no funciona es que todos los favicons deben estar en formato .ico. Puede convertirlo here. Por defecto, el navegador busca un archivo en el mismo directorio llamado favicon.ico y lo muestra.

+1

Disculpas por el retraso en la respuesta. ¿No es posible vincular al png en el y usarlo como el favicon y luego tener un ico en el directorio raíz no vinculado? Los tengo a los dos de todos modos. Firefox y Chrome no muestran ningún problema, IE no muestra el png o el ico – Henrick

+0

Lo probé con un '.ico' y me funcionó en IE9. –

1

Por casualidad, ¿su contraseña de sitio está protegida a través de un 401 (Autenticación básica)?

Descubrí que esta también puede ser una razón por la que los favicons no se mostrarán en su navegador. Descubrí esto de la manera difícil;)

Sin embargo, Chrome y Firefox lo manejan bien. Es solo IE9 que es un poco peculiar en este sentido.

3

Internet Explorer no es compatible con favicons PNG. Los otros navegadores principales son compatibles con los formatos PNG e ICO. Para obtener mejores resultados, use el formato ICO.

Convierte un favicon PNG a ICO aquí: http://www.favicon.cc/

Más información en Wikipedia aquí: http://en.wikipedia.org/wiki/Favicon

0

Si desea utilizar .ico con Internet Explorer tendrá que usar archivos .ico para favicon. No trabajaré de otra manera. Hay muchas herramientas gratuitas geniales que puedes usar. Aquí hay dos enlaces a la web que va a hacer el trabajo:

Free Ico Converter Favicon Converter

Después de convertir lo que tendrá que utilizarlo colocándolo en la carpeta raíz de su sitio Web.

Espero que te ayude.

Cuestiones relacionadas