Escrito por Tcalo

¿Qué es un favicon? La imagen chiquitita que ven en la barra de direcciones del browser. (En mi caso es la que ven sea en la barra de direcciones sea en la barra de los tab (en firefox desde siempre -casi- y en IE del 7 en adelante).

¿A qué sirve un favicon? Bueno a “casi” nada, es decir es una personalización del blog/sitio internet que no tiene función práctica pero si artística. A mí me gusta porque dá un toque “profesional” o al menos así me parece.

¿Cómo hacer para crearlo? Es una image .ico (también puede ser .png o .gif pero mejor usen .ico) de 16×16 píxels. Pero antes de angustiarse mas de la cuenta se puede realizar en internet. Se necesita solo la imagen que se desea crear como favicon, subirla a http://tools.dynamicdrive.com/favicon/ (claro hay muchos otros sitios que lo hacen pero este fue el primero que encontré y el que siempre uso), esperar unos instantes y listo, se bajan el favicon…

¿Eso es todo? No, realmente no, ahora hay que colocar la image favicon.ico en el server donde tiene vuestro sito web. (en cualquier folder/carpeta que lo deseen). Y colocar en la página principal (en el head ) este pedacito de código:

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

*donde en href= deben colocar la dirección y el nombre del .ico en el server)
Por lo general no aparece de inmediato, dicen que el día siguiente, a mí por lo general aparece después de unas horas. Algo que aún no he comprendido…

Si desean mas info puede ver por supuesto wikipedia http://en.wikipedia.org/wiki/Favicon o simplemente en google!!!

PD: para los que usan blogger pueden colocar la imagen .ico en algun lugar que haga hosting gratis y luego llamarla desde el template de blogger (colocando el código anterior en el head). No lo he probado personalmente pero hay quien dice que ha usado GooglePages que dá 100M de espacio (gratis!!).