Favicon no se muestra en Internet Explorer ?

fearlex | Xhtml, Tutoriales, Navegadores, Diseño Web | Sábado, Junio 2nd, 2007

Te ha sucedido a veces que creas con mucho entusiasmo en favicon para poner en tu web y por alguna extraña razón, se muesta en otros navegadores como Firefox o incluso el mas problematico de los problematicos: Internet Explorer 6, pero no aparece en Internet Explorer 7?. Para los que no sepan lo que es un favicon ( los hay, creanme !!!), es un pequeño icono que aparece en la barra de direcciones de el navegador que estes utilizando:

favicon example 1
favicon example 2
favicon example 3

Pues la respuesta es fácil. Agrega esta linea entre las etiquetas <head></head> de tu página:

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

Donde /favicon.ico será la ruta donde estará guardado tu favicon en el servidor, usualmente el 99% de las veces se pone en el top level de tu alojamiento web.

Espero les sirva

Saludos :D

Ver articulos Relacionados


41 comentarios »

  1. Esto esta bien, pero se visualizara en Firefox y Opera / Netscape, mas NO en Internet Explorer

    Comentario por JorgeM — Junio 4, 2007 @ 9:37 pm

  2. Pues no lo creo, yo subi el icono a mi servidor y se mostraba en IE6 y Firefox, pero no en IE7 agregando esa linea si funciona, a cual IE te refieres ? Seguistes los pasos que puse ?

    Comentario por fearlex — Junio 5, 2007 @ 12:26 am

  3. En Firefox 2 funciona perfecto.
    En IE7 no sale,
    Saludos

    Comentario por Manel — Julio 5, 2007 @ 6:51 pm

  4. Use tu codigo y no sale. Sera la configuracion de mi IE, pero en firefox ta bien.

    Vere con otras configuraciones haber que pasa

    Saludos

    Comentario por cristian — Julio 18, 2007 @ 4:16 pm

  5. Tuve el mismo resultado, me anda solo para mozilla, no para IE7 ni tampoco IE6

    Comentario por gat8 — Agosto 3, 2007 @ 7:45 pm

  6. Asi si sale en explorer!!! saludos

    Comentario por Adriana — Septiembre 13, 2007 @ 8:23 pm

  7. “”

    Comentario por Adriana — Septiembre 13, 2007 @ 8:25 pm

  8. mmm
    link rel=”SHORTCUT ICON” href=”favicon.ico” type=”image/x-icon”

    Comentario por Adriana — Septiembre 13, 2007 @ 8:25 pm

  9. Teneis que tener en cuenta que además de añadir esa línea de código, el favicon tiene que cumplir unos requisitos.

    - Lo creais en formato bmp o png
    - Ser de 16×16 (creo que 32×32 tb vale)
    - 256 colores
    - Lo renombrais a .ico

    Comentario por matixa — Septiembre 19, 2007 @ 6:14 am

  10. He intentado todos los pasos que aca se mencionan pero sigo sin ahcer que aparezca en IE7 o 6; firefox lo muestra con todos los codigos que he visto, pero IE nada….
    Cheque para qeudarme tranquilo y el favicon de google es algo distinto en el codigo; lo adjunto aquí por si alguien nota algo reelevante par aque todos podamos colocarlo en nuestro sitio.
    Saludos

    Comentario por Fernando deSá — Septiembre 20, 2007 @ 2:24 pm

  11. Codigo:**

    Comentario por Fernando deSá — Septiembre 20, 2007 @ 2:25 pm

  12. link rel=”shortcut icon” href=” http://www.google.com/favicon.ico” type=”image/x-icon”/(>)()

    Los parentesis estan par aque no registre el codigo

    Comentario por Fernando deSá — Septiembre 20, 2007 @ 2:27 pm

  13. no hay caso no puedo cologar el cogidocompleto
    aca va lo mas parecido

    ———————————————————————

    link rel=”shortcut icon” href=” http://www.google.com/favicon.ico” type=”image/x-icon”/
    link rel=”icon” href=”http://www.google.com/favicon.ico” type=”image/x-icon”/

    ——————————

    Comentario por Fernando deSá — Septiembre 20, 2007 @ 2:28 pm

  14. Yo lo había puesto solamente así y ya se mostraba en Firefox, aunque no en Explorer 6.

    Instalé luego el IE 7 y llegué a verlo una vez pero luego no más… así que copié el código de YouTube (viendo que era algo distinto al anterior) y, nuevamente, lo veo con Firefox, pero no en IE7. En algún otro foro había leído que el IE puede tardar en reconocerlo, pero no sé…

    El código que usé es:

    Saludos

    Comentario por Gus Alonso — Febrero 13, 2008 @ 3:49 pm

  15. va de nuevo poruqe no incluyo el código

    *** link rel=”icon” href=”favicon.ico

    disculpen pero no sabia que me rebotaría el código

    Saludos

    Comentario por Fernando — Febrero 18, 2008 @ 9:02 pm

  16. funcionó muy bien gracias… la diferencia estaba en poner el type=”image/x-icon”

    para otros navegadores como el firefox basta con la primera parte del código.

    PD. no solo renombren a .ico, para no tener problemas es preferible usar un editor que nos permita crear iconos. Personalmente les recomiendo el SnIco edit, ya que es muy facil de manejar. espero que les sirva el consejo.

    Comentario por CS... — Junio 2, 2008 @ 8:55 am

  17. A mi si me funciono perfectamente. puede ver los favicon de las pag de mis amigos. pero no se ven ni en la barra de busqueda ni cuando los agrego en favoritos.
    www.thelorddarkness.es.tl

    Comentario por knolt — Agosto 12, 2008 @ 1:06 pm

  18. No che no anda no hay caso probe eso que pusieron y no anduvo.
    En Firefox joyita joyita pero IE nada. gracias de todos modos.

    Comentario por Matias — Septiembre 24, 2008 @ 3:51 am

  19. Hola, he probado lo que poneis aquí y no se ve en ie7.
    Un saludo
    Belén

    Comentario por Belén — Septiembre 26, 2008 @ 12:10 pm

  20. Funciona Perfectamente (Mozilla, IE6 e IE7)

    Tenéis que tener en cuenta como debe ser el archivo .ICO, que la ruta sea correcta para que lo encuentre y, por supuesto, despues recargar de nuevo las páginas de nuevo para visualizar los cambios.

    Saludos,
    guillermo

    Comentario por Guillermo — Octubre 1, 2008 @ 8:04 am

  21. Pues yo tuve tremendo lio con el favicon,
    pero solo lo pude solucionar,
    cuando guardé el archivo favicon.ico, en la carpeta raiz del servidor, y le escribi, la direccion absoluta.
    Entonces, milagrosamente aparecio.

    Ahora lo puedo mover el favicon a vairas carpetas, y ya no tengo problema.

    probado con Opera 9.52, Firefox 3.0, Explorer 7, Chrome (estos dos ultimos si q me dieron lio!!!)

    bye

    Comentario por the_gospel_geek — Octubre 5, 2008 @ 7:06 am

  22. Aquellos que no les ha funcionado en IE7 y en IE6 , les digo que yo tube el mismo problema, no me aparecia el icono, solo borre los archivos temporales de internet, cookies y todo,. y listo, ahi si me aparecío. y el codig que escribi fue este:

    i el ico de 32×32 creado automaticamente desde la pagina
    http://www.html-kit.com/favicon/

    Comentario por Luis — Noviembre 6, 2008 @ 2:08 am

  23. No me funciona con IE solo con Firefox! Te amo firefox

    Comentario por July — Noviembre 15, 2008 @ 4:29 pm

  24. la verdad! os podriais explicar mejor!

    si el favicon tiene que ser .ico como puede ser tambien .bmp o. png?

    y que direccion del favicon pones!? si cuando lo creas en esas paginas te pone una direccion y no te lo llama favicon.ico… o sea que esa direcion no seria, porque lo tienes que renombrar… entonces que tengo que hacer? bajarmelo y subirlo a rapidshare?

    y en que parte del codigo lo pondria?

    en favicon.ico? ………. si es asi porque no lo poneis claramente? ‘direccion del favicon’

    porque que quereis que os diga tal y como lo habeis contado no funciona

    Comentario por nix — Noviembre 16, 2008 @ 4:39 pm

  25. Buenas,
    despues de varios intentos al final sale con este codigo:

    Meteis la imagen .ico en una carpeta que se llame images en el servidor y el codigo de arriba entre los y ya esta.

    SUERTE.
    Un saludo.

    Comentario por Fernando — Noviembre 20, 2008 @ 5:14 pm

  26. Buenas,
    despues de varios intentos al final sale con este codigo:

    link rel=”shortcut icon” type=”image/icon” href=”/images/favicon.ico” /

    Meteis la imagen .ico en una carpeta que se llame images en el servidor y el codigo de arriba entre los HEADS y ya esta.

    SUERTE.
    Un saludo.

    Comentario por Fernando — Noviembre 20, 2008 @ 5:17 pm

  27. olviden el favicon para IE7 y safari simplemente no los reconoce.
    con este codigo: lo muestra en los siguientes navegadores:
    firefox 3.0.4
    opera 9.62
    chrome 1.0.154.36

    lo siento por los amantes de IE (si es que los hay)

    Comentario por Dinael — Diciembre 12, 2008 @ 6:44 pm

  28. ME FUNCIONO LO DE COLOCARLO EN UNA CARPETA LLAMADA POR EJEMPLO IMAGENES :d I SEGUIR EL EJEMPLO DE FERNANDO, MIL GRACIAS!

    Comentario por sergio — Marzo 10, 2009 @ 7:17 pm

  29. Es verdad, basta con borrar los temporales, cookies, etc. Con las recomendaciones dadas acá, hasta se ve en IE8. Gracias!!

    Comentario por Alexis — Marzo 25, 2009 @ 4:37 pm

  30. Yo lo he solucionado copiando el codigo de otra página que funciona bien (por ejemplo You tube, y cambiando solamente la ruta de acceso al icono) ¡Ah! y no hace falta que se llame favicon. Simplemente que sea .ico

    Comentario por morondo — Marzo 26, 2009 @ 6:56 am

  31. Gracias por el tip, funciona perfecto en ie 8 , a los que no les funciona es solo que revisen la ruta a donde estan llamando el icono, depronto lo tienen en una carpeta independiente

    Comentario por sebastian — Abril 18, 2009 @ 5:53 pm

  32. Que mas busque por muchos lados por que tenia el mismo problema solo lo logre solucionar en esta pagina “http://programas.todotrucos.co.cc/”
    Y funciona con todos los navegadores

    Comentario por Dan — Abril 28, 2009 @ 6:49 am

  33. Aca en esta pagina esta la solucion a todos los navegadores
    Probado con IE 7 y Firefox y funciona a la perfeccion..http://programas.todotrucos.co.cc

    Comentario por Todotrucos — Abril 28, 2009 @ 6:51 am

  34. Configura Tu Favicon para cualquier navegador

    Comentario por Haley — Mayo 15, 2009 @ 9:44 pm

  35. Tengo el internet explorer 8 y se me muestrantodos los favicones de todas las páginas web menos en la mia.

    AYUDA

    Comentario por Alberto — Junio 3, 2009 @ 2:01 pm

  36. yo tengo el internet explorer 8 y mi favicon sale en mi barra por cierto me encanta es una maravilla.

    Comentario por alexcuba36 — Julio 28, 2009 @ 12:31 am

  37. haaa esto me maravilla veo k mi comentario salio a las 12 y 31 am y dije k miro mi relog y me doy cuenta k es k estoy en las vegas pero si yo tengo las 6 pm y son 4 horas de diferencia con miami supuestamente deberian ser las 10 alla pero en fin asi son las cosas waoooo

    Comentario por alexcuba36 — Julio 28, 2009 @ 12:36 am

  38. ¿Y si en lugar de una imágen fija tengo un gif móvil?

    ¿En lugar de type=”image/x-icon” tengo que definirlo con imágen gif?

    Comentario por Carlos — Agosto 14, 2009 @ 8:14 pm

  39. me di cuenta q siempre funcionaba solo era eliminar el historial en temporales :)

    click en herramientas/opciones de internet/Eliminar/Eliminar historial

    listo :)

    y veran q les funcionara ^^

    Comentario por BCumbia.com — Septiembre 15, 2009 @ 9:06 pm

  40. Era justo lo que buscaba, me has resuelto todo :D

    Comentario por Alc — Diciembre 23, 2009 @ 3:39 am

  41. A mi me ocurría que en algunas páginas con el Internet Explorer se me veía el favicon y en otras no, siempre en las mismas páginas. En cambio, con el Firefox lo veía bien en todas las páginas.

    Finalmente, descubrí que el tag src=”javascript:undefined” era el culpable. Lo eliminé y todo resuelto :-)

    Comentario por xgarrido — Enero 12, 2010 @ 3:49 pm

Suscripción RSS a los comentarios de la entrada. TrackBack URI

Deje un comentario

Creative Commons License
Este trabajo esta protegido bajo una licencia Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
Gestionado con WordPress | Tema por Roy Tanck | Modificado por fearlex

Cerrar
Enviar por Correo