Favicon no se muestra en Internet Explorer ?
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:
![]()
![]()
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
Esta entrada ha sido vista 34,333 veces



(5 votos, average: 4.2 de 5)
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
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
En Firefox 2 funciona perfecto.
En IE7 no sale,
Saludos
Comentario por Manel — Julio 5, 2007 @ 6:51 pm
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
Tuve el mismo resultado, me anda solo para mozilla, no para IE7 ni tampoco IE6
Comentario por gat8 — Agosto 3, 2007 @ 7:45 pm
Asi si sale en explorer!!! saludos
Comentario por Adriana — Septiembre 13, 2007 @ 8:23 pm
“”
Comentario por Adriana — Septiembre 13, 2007 @ 8:25 pm
mmm
link rel=”SHORTCUT ICON” href=”favicon.ico” type=”image/x-icon”
Comentario por Adriana — Septiembre 13, 2007 @ 8:25 pm
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
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
Codigo:**
Comentario por Fernando deSá — Septiembre 20, 2007 @ 2:25 pm
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
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
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
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
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
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
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
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
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
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
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
No me funciona con IE solo con Firefox! Te amo firefox
Comentario por July — Noviembre 15, 2008 @ 4:29 pm
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
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
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
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
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
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
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
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
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
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
Configura Tu Favicon para cualquier navegador
Comentario por Haley — Mayo 15, 2009 @ 9:44 pm
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
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
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
¿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
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
Era justo lo que buscaba, me has resuelto todo
Comentario por Alc — Diciembre 23, 2009 @ 3:39 am
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
exactamente mi amigo,, solo tienes que borrar los historiales o la cache,, bueno yo borre todo…y si….ahi sale.
Comentario por Luhacra — Abril 24, 2010 @ 6:21 pm
Ya me da cuenta.
El icono de Favicon
El explorer solo funciona el icono fijo “no hace animacion como gif”. los restos de navegadores si fucionan el favicon animado.
Supongo. Haz la prueba.
Crear el favicon sin animados.
Comentario por Marcial — Mayo 10, 2010 @ 10:55 am
El favicon me carga en todos los navegadores excepto en ie 8
Comentario por alvaro — Mayo 17, 2010 @ 4:36 am
Hola después de tantos intentos ya pude lograr que el favicon se vea en IE, ahí les paso el código para que les sea de ayuda:
Sólo coloquenlo con su dominio propio.
Saludos,
Jacky.
Comentario por Jacky — Mayo 22, 2010 @ 1:37 pm
Lo siento, no se porque no se ve el codio, ahi lo vuelvo a pasar
Comentario por Jacky — Mayo 22, 2010 @ 1:39 pm
Utilizo un fichero gif como favicon y tampoco se llama favicon, funciona perfectamente en firefox 3.6 pero no lo muestra en explorer 8
Comentario por Garcia — Julio 13, 2010 @ 2:07 pm
Hola necesito ayuda para poder visualizar mi favicon en mi website www.juanmorera.com, tengo un archivo que se denomina favicon.ico, lo intente con el siguiente codigo:
pero no funciona, si lo visualizo en mi servidor local, localhost, ahi si lo puedo visualizar pero en la web no.
mi dominio esta aparcado en un hosting www.industriasangar.com, que debo hacer??
muchas gracias por su ayuda.
Comentario por Juan Morera — Marzo 13, 2011 @ 12:13 am
no puedo visualizar el favicon en ningun explorardor….
www.juanmorera.com
google
internet explorar
mozilla
opera
safari
….:(
Comentario por Juan Morera — Marzo 13, 2011 @ 12:17 am
Yo no puedo verlo n firefox, solo en safari, q rollo!!
http://simplementemicocina.blogspot.com/
Gracias
Comentario por Bea — Junio 28, 2011 @ 11:40 am
Efectivamente encontre el problema, las lineas de codigo que se han puesto valen todas el problema no son las lineas de codigo. El problema es el icono en si el formato en el que se guarda. Me baje el programa que recomendaban arriba el snico edit, importe la imagen la salve como icono sin tocar absolutamente nada de la imagen. La subi por ftp a mi hosting e inmediatamente se mostro sin ningun problema.
El problema es como se guarda la imagen. Usen el programa y se les mostrara.
Comentario por Rafael — Julio 15, 2011 @ 1:25 pm
creo que es un poco de todo lo mencionada ya que el mas estricto es el IE. En Chrome me funciono a la primera con sintaxis incompleta y con un archivo de nombre diferente a favicon, incluso formato diferente al .ico
En IE, el codigo debe ser exacto, y el archivo debe ser .ico en formato correcto. Editen su imagen con algun editor de icons. La prueba final, accesar el archivo .ico desde el browser y debe desplegarse, ejemplo: www.dominio.com/images/favicon.ico Si no se despliega podria ser formato incorrecto.
IE que basura!!!!
Comentario por Nousfera — Febrero 15, 2012 @ 8:15 am