El favicon es esa imagen que aparece a la izquierda de la dirección web en las barras de los exploradores de internet.
En un principio, esta imagen empezó siendo usada sólo cuando guardábamos una página en favoritos pero hoy en día se utiliza en muchos más ámbitos, como pueden ser:
El uso que se hace del favicon en estos lugares, lo convierte en indispensable para un sitio web y consigue que el sitio se reconozca directamente, sin tener que buscar la página leyendo los títulos de las mismas entre las diversas opciones. Las páginas que tienen favicon, parecen poco cuidadas y poco profesionales, y son más difíciles de acceder ya que pasan más desapercibidas, como se puede ver en la siguiente imagen con la página de CanalFlamencoRadio, a la que el navegador le ha colocado una imagen por defecto:
La imagen de un favicon sería recomendable que tuviera las siguientes características por motivos de compatibilidad:
La razón de que el archivo debe ser de tipo ICO, es que el programa que introdujo la idea del favicon fue Microsoft Internet Explorer y en un principio solo aceptaba este tipo de imágenes en un archivo llamado favicon.ico, por lo que los demás exploradores adaptaron este tipo de archivo como standard para los faviconos.
Las últimas versiones de la mayoría de los navegadores gráficos actuales aceptan otros tipos de archivos para los faviconos, como JPEG, PNG, GIF o BMP, pero uno de los navegadores más usados sigue siendo todavía Microsoft IE6, por lo que haciendo que nuestro favicon sea un archivo ICO haremos que nuestra imagen llegue a más usuarios que utilizando una imagen de otro tipo.
Actualmente, el favicon es mostrado en todos los navegadores como una imagen de 16x16 píxeles al lado de la barra de direcciones, entonces, ¿por qué hacer una imagen más grande? Este tamaño de imagen empieza a quedarse pequeño, un ordenador normal que se puede comprar hoy, es normal utilizarlo con una resolución de pantalla de 1440x900 píxeles, por lo que el favicon empieza a verse demasiado pequeño. Por esta razón, los futuros navegadores empezaran a requerir que esta imagen sea más grande.
Todos los navegadores son capaces de reducir el tamaño de la imagen del favicon para adaptarlo a sus necesidades, por lo que no es problema utilizar un favicon de 32x32 píxeles o mayores y así estamos preparados por si se requiere utilizar la imagen de la página en un tamaño mayor.
Todo lo que sea expandir la imagen de su sitio web es bueno, por lo que hay que facilitar que esto ocurra y el favicon es un buen medio para proporcionar a los usuarios el sello distintivo del sitio.
Los archivos de imágenes de tipo ICO, tienen la propiedad de poder contener más de una imagen y esto tiene gran utilidad. Podemos meter dentro un archivo ICO una imagen pequeña, que sería la que utilizaría como favicon y otra más grande para que esté disponible para el usuario de la página web.
Actualmente hay ya algunas páginas que empiezan a utilizar esta carácteristica de los archivos ICO en sus favicon.ico:
Esta es una buena forma de hacer que la imagen del sitio web sea utilizada por algún usuario que quiera escribir una entrada en su blog sobre el sitio, o para poner un enlace en el lanzador del escritorio.
No hay que perder nunca de vista que la función principal del favicon es la de distinguir una página web dentro del navegador, por lo que no hay que meter un millón de imágenes dentro de un archivo ICO, porque esto haría que el archivo fuera demasiado grande y tardaría mucho en cargarse en el navegador y esto no es lo que queremos.
Es recomendable introducir imágenes:
Con todo esto, el archivo del favicon no debe superar los 100KBs, ya que a partir de este tamaño empieza a ser demasiado pesado.
Para conseguir no sobrepasar la barrera de los 100KBs, hay páginas que deciden tener una sola imagen grande como favicon y deja en manos del navegador la tarea de redimensionarla al tamaño que le convenga. Un ejemplo de esto se ve en el icono de la página de Notepad++:
Como se ve en la imagen, muchas imágenes grandes, cuando son redimensionadas , no son fácilmente reconocibles, por lo que es mucho mejor dedicarle un poco de tiempo al cada resolución de imagen que tengamos en el icono y asegurarnos de que se ve correctamente lo que queremos. Como ejemplo de esto, podemos observar el icono de a Tapas Sevilla, un blog dedicado a restaurantes de tapas, cuyas imágenes son diferentes entre sí para que se vean bien:
Aquí teneis algunos programas gratuitos (¿para qué pagar si los hay gratis y buenos?) para crear iconos. Todos soportan la creación de iconos con varias imágenes en su interior:
y aquí una lista con algunas aplicaciones web:
Después de haber explicado al detalle las características de un favicon podemos resumirlas en los siguientes puntos:
Haciendo esto , podemos estar seguro que le sacamos el máximo partido a la imagen que representa a nuestro sitio web.
Para cualquier duda, consulta, anotación o queja, no dudes en contactar con getfavicon.org aquí.
o
o
k
m
a
r
k
s 2009..2010 - getfavicon.org - contact
Get a favicon! 
How to create a good favicon 
FAQ 
About getfavicon.org