Crear un Favicon en una web

***Blaizer*** · 27/11/2007, 03:42

Hola:

*Tutorial: Crear un Favicon.

Un favicon para las personas que no saben es la imágen que aparece al costado del http, ejemplo el de CCTW, un emoticon amarillo. Bueno tener un favicon no es difícil, por eso mismo este tutorial te enseñara a crearlo en cuatro sencillos pasos, espero que les sea de utilidad.

Entra a esta web: http://www.chami.com/html-kit/services/favicon/ ,hace click en examinar y ubicas tu imágen.

Haces click en el Boton Generate Favicon Ico, luego te descargar el favicon haciendo click en Download Favicon.

Una vez descargado copias el favicon.ico y lo subes a tu web.

Para que se visualize en tu web necesitas poner esto:

entre el head de tu página web.

Listo eso es todo ya tenemos nuestro favicon

**NOTA: Si deseas que todas las páginas de tu web tengan el favicon debes poner el script de arriba en cada uno de tus páginas.

Gracias por su atención

**rramonar** · 05/03/2009, 13:02

Gracias!!!
Es facilísimo crearse el icono.
No obstante No me funciona, tengo el archivo creado pero no se ve.
He revisado la codificacción y la ruta mil veces pero no consigo verlo en mi navegador local.

¿ Hay que subirlo al servidor? ¿Qué puede ser?

**JTole** · 11/10/2009, 09:40

evidentemente tienes que subirlo al servidor y ponerle la direccion en la que lo tienes.
por ejemplo:

<link href="http://www.TUWEB/objetos/favicon/favicon.ico" rel="shortcut icon" title="TUWEB" type="image/x-icon">

---.Saludos.---

**naniada** · 02/11/2009, 10:33

Hola a todos!

Lo de crear el icono ha sido fácil...pero me pasa lo mismo que a rramonar, no se me ve el icono...lo he subido pero no se ve, a lo mejor la ruta que he puesto no es la correcta...podrías echarme una mano? Gracias!

**JTole** · 02/11/2009, 11:54

Pues el codigo que he puesto es como se tiene que poner, asegurate de tener bien puesta la ruta en la que has subido el icono a tu servidor. De todas formas es posible que tengas que esperar algo de tiempo hasta que el navegador mueste el código.

**naniada** · 02/11/2009, 12:02

Me fijaré bien y tendré paciencia entonces...Gracias!!!

**JTole** · 02/11/2009, 14:29

Iniciado por JTole

Pues el codigo que he puesto es como se tiene que poner, asegurate de tener bien puesta la ruta en la que has subido el icono a tu servidor. De todas formas es posible que tengas que esperar algo de tiempo hasta que el navegador mueste la imagen.

Habia puesto ... muestre el codigo en vez de ...muestre la imagen.

**naniada** · 02/11/2009, 18:48

Sigue sin aparecer, he revisado la ruta, pero no sé qué es lo que pasa...

he puesto esto:

<link href="http://allroundfc.sportsontheweb.net/index.html/objetos/favicon.ico" rel="shortcut icon" title="allroundfc.sportsontheweb.net/index" type="image/x-icon">

He subido el "favicon.ico" a "objetos de internet" y he cambiado el código en el index.html de internet...pero ni por esas...

Otra cosa que he notado es que en el html-kit, en la carpeta objetos, se "ve" la forma del icono, pero en "objetos de internet" no, se ve como si fuera un "folio con la esquina doblada" ;)

**JTole** · 03/11/2009, 08:14

Iniciado por naniada

he puesto esto:

<link href="http://allroundfc.sportsontheweb.net/index.html/objetos/favicon.ico" rel="shortcut icon" title="allroundfc.sportsontheweb.net/index" type="image/x-icon">

Prueba a poner en el código WWW.
href="http://www.allroundfc.sportsontheweb.net/index.html/objetos/favicon.ico" rel="shortcut icon" title="allroundfc.sportsontheweb.net/index" type="image/x-icon">

No se a que te refieres con "objetos de internet", si tu tienes el favicon en objetos como veo en el código tienes que subir el favicon a "objetos", no a "objetos de internet"

**jorgens** · 03/11/2009, 10:43

Yo juraria que solo funciona (al menos en todos los navegadores) si colocas el favicon directamente en la raiz del sitio, es decir, NO dentro de ninguna carpeta.

Lo lei en alguna parte de fiar. Hazed la prueba y lo vemos.

**JTole** · 03/11/2009, 12:16

Iniciado por jorgens

Yo juraria que solo funciona (al menos en todos los navegadores) si colocas el favicon directamente en la raiz del sitio, es decir, NO dentro de ninguna carpeta.

Lo lei en alguna parte de fiar. Hazed la prueba y lo vemos.

Yo os aseguro que no lo tengo en la raiz del sitio... lo tengo dentro de una carpeta llamada favicon que a su vez esta dentro de otra llamada objetos y a mi si me sale el favicon.

**jorgens** · 03/11/2009, 12:38

Yo juraria que solo funciona (al menos en todos los navegadores) si colocas el favicon

Ahora mismo no recuerdo en cuales, pero me referia a que si no está en la raiz no funciona en algunos. Investigaré en cuales. Estaría bien asegurarse para evitar buscar errores donde no los hay.

**naniada** · 03/11/2009, 15:06

Al final hoy ya se me ve el icono...al final lo que puse fué:

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

Lo que ocurre ahora (que no tiene nada que ver con esto) es que la página no se ve en internet...

Voy a mirar a ver qué es lo que pasa!!!

Muchas gracias a todos!

**jorgens** · 03/11/2009, 15:34

Tomamos nota naniada, al final con los resultados de todos podremos sacar algo en claro.

**jorgens** · 03/11/2009, 15:37

Yo si la veo, con el favicon y todo. Je je je, que ilusiòn me hace ver comolo conseguis, ver mi plantilla con vuestras cosas, je je, y ver como retocais aqui y alla para personalizarla poco a poco. Je je je. Me hace ilusion, que pavo.

Un abrazo!