Por qué agregar un favicon a nuestro sitio web

El favicon (favorite icon) es el ícono que identifica a un sitio web, y aparece acompañando su título o su URL en la ventana de la mayoría de los navegadores. Si bien es muy pequeño y la mayoría de los sitios web evita u olvida utilizarlo, se trata de un elemento importante, por los siguientes motivos:

  • Al igual que un logo, aporta un valor significativo a la identidad visual de nuestra marca en Internet.
  • Permite reconocer al sitio web con facilidad. Esto es especialmente importante si el usuario tiene muchas pestañas abiertas al mismo tiempo: si quisiere volver a un sitio web en particular, el favicon servirá de señalador.
  • No sólo identifica al sitio web en la barra de direcciones o acompañando el título de la pestaña, sino también en la lista de marcadores, en blogrolls (listas de blogs recomendados en un sitio web) y lectores de feeds. De esa manera permite a nuestro sitio destacarse sobre el resto.

Para diseñar un favicon se puede utilizar prácticamente cualquier software de edición gráfica, siempre y cuando podamos obtener un archivo con formato ICO (existen muchos conversores online gratuitos). Formatos como PNG y GIF no son soportados por navegadores antiguos. Los GIF animados son indudablemente más llamativos, pero todavía no son aceptados por Internet Explorer ni Safari. La imagen debe ser de 16×16, 32×32, 48×48, o 64×64 píxeles. Sin embargo, la mayoría de los navegadores los muestran en 16×16 y están empezando a incorporar el tamaño 32×32. Nuestra imagen debe ser lo suficientemente grande y nítida como para que no sufra una pérdida de calidad considerable al ser escalada. Una vez obtenido el archivo, podemos utilizarlo fácilmente a través de la etiqueta link, con diferentes variantes detalladas en Wikipedia. En Sitepoint se agregan otras implementaciones destinadas a sistemas operativos de dispositivos móviles, que utilizan favicons como íconos de acceso a sitios web desde el escritorio.

Aunque a simple vista pueda parecer que el favicon es un detalle insignificante, en realidad es un elemento que puede brindarle a nuestro sitio web distinción y facilidad de reconocimiento.