Alejandra Jueves, 8 de Noviembre de 2007 a las 11.39

Favicon, reforzando la identidad de tu sitio web

Cuando se diagrama un sitio, el diseñador debe prestarle mucha atención a los detalles. A veces suponemos que con hacer lo “correcto” sobra, pero realmente son los pequeños elementos de un sitio los que lo convierten en algo estéticamente admirable. Así, un buen logo, una botonera eficiente, un campo de búsqueda visible son las típicas herramientas para que una página sea agradable y útil. Pero hay algo que va más allá de la utilidad y de la estética en sí misma: es la identidad del sitio y esto se logra mayormente con un buen diseño y muchos detalles. Uno de estos detalles es el Favicon.

Favicons La palabra Favicon deriva de Favourite Icon y es el ícono pequeño que se ve en el campo de búsqueda y en cada pestaña del Firefox. El Favicon tiene una medida standard de 16 x 16 píxeles.

Favicon

El sitio Favicon.co.uk ha desarrollado una herramienta muy simple que permite transformar cualquier imagen en un Favicon. Sólo debes seleccionar tu archivo jpg o bmp almacenado en tu computadora y listo… Ya habrás obtenido tu archivo de ícono (.ico). También puedes crear tu ícono con otros programas de diseño o hacerlo desde DeGraeve.com a través de una simple grilla.

No te olvides que para que tu ícono actúe como Favicon, debe estar alojado en el directorio raíz de tu sitio y tener de nombre “favicon.ico”. Para aumentar las posibilidades de que los buscadores encuentre nuestro ícono y lo muestren, se puede incluir el siguiente código HTML:

<head>

<link rel =”shortcut icon” href=”http://www.misitio.com/favicon.ico”>

</head>

El código debe estar entre las etiquetas <head> y </head> de nuestro sitio.

A los fetichistas usuarios de internet nos encantan este tipo de elementos y notamos la diferencia entre un sitio que se preocupa por estas cosas y uno que no lo hace. Pero además de ser un elemento estético, los Favicons son un elemento útil ya que se visualiza también en la carpeta de “Favoritos” o “Bookmarks” de nuestro navegador. Si una persona agrega nuestro sitio a Favoritos, podrá distinguirlo rápidamente del resto gracias al Favicon.

Diseña tu Favicon

El sitio favicon.ico Generator ofrece un programita con los 16 x 16 píxeles ampliados y una paleta de colores para que generes ahí mismo tu Favicon. Debajo de la grilla puedes ver cómo va quedando tu ícono en una vista previa. Haz clic aquí y pruébalo gratis.

También puedes generar un Favicon a partir de una imagen que ya tengas: no es más que un cambio de dimensiones. El sitio Genfavicon te permite ver cualquier imagen que tengas en tamaño Favicon, convertirla y descargarla. Haz clic aquí para visitar Genfavicon.

Fuentes:
- What is FAVICON.ICO?
- Favicon
- Favicon Generator and Gallery
- Favicon Editor
- Favicons