¿Qué es un favicón? De­fi­ni­ción y ejemplos

Los faviconos no solo son im­po­r­ta­n­tes para las páginas web desde el punto de vista del diseño. Entre otros aspectos, este icono de imagen facilita a los usuarios la na­ve­ga­ción en Internet y el uso de di­s­po­si­ti­vos e influye en el po­si­cio­na­mie­n­to de la web en los bu­s­ca­do­res.

Se trata de un pequeño icono de imagen con un im­po­r­ta­n­te impacto. Puede estar situado, por ejemplo, en la parte izquierda de una pestaña del navegador y permite, en este caso, que el usuario mantenga en todo momento la vista general de todas las páginas abiertas. Los faviconos suelen mostrar un logo si­m­pli­fi­ca­do o una imagen que se relaciona fá­ci­l­me­n­te con la página web co­rre­s­po­n­die­n­te. Es decir, la im­po­r­ta­n­cia del favicón reside en su capacidad para orientar al usuario cuando está navegando en Internet o usando un di­s­po­si­ti­vo. Además, permite fo­r­ta­le­cer la presencia de una web.

No hay un favicón ideal: su diseño varía según las ca­ra­c­te­rí­s­ti­cas de una marca. No obstante, teniendo en cuenta que el propio icono solo cuenta con unos pocos píxeles, es mejor no optar por logos so­fi­s­ti­ca­dos cargados de detalles. En estos casos, se re­co­mie­n­da usar como favicón una versión más sencilla del logo original.

La im­po­r­ta­n­cia del favicón se puede adivinar si se presta atención a los términos que componen esta palabra: por una parte, se encuentra el término inglés “favourite” y, por otra, “icon”. Es decir, con favicón se hace re­fe­re­n­cia al “icono para favoritos”. Estas imágenes pequeñas aparecen en las pestañas del navegador, pero también en los ma­r­ca­do­res de páginas web. Además, en la ac­tua­li­dad los faviconos se pueden encontrar como iconos de apli­ca­cio­nes, en los menús de búsqueda, en los re­su­l­ta­dos de búsqueda de algún navegador y en los hi­s­to­ria­les de na­ve­ga­ción.

Hay varias razones que explican por qué un favicón tiene tanta im­po­r­ta­n­cia para una página web:

• Pro­fe­sio­na­li­dad: toda página web pro­fe­sio­nal dispone de un favicón. Al incluir uno en tu proyecto web, puedes reforzar la confianza de los vi­si­ta­n­tes en tu marca y demostrar que prestas atención también a los detalles más pequeños. Aunque la mayoría de los usuarios de Internet no sepan qué es un favicón, se darían cuenta in­me­dia­ta­me­n­te de su ausencia.
• Ide­n­ti­fi­ca­ción: el uso de un favicón también responde a razones prácticas. Los usuarios podrán encontrar tu página web con mayor rapidez gracias a este pequeño símbolo, incluso si tienes varias pestañas abiertas al mismo tiempo. El icono también permite a los usuarios ide­n­ti­fi­car tu marca en las listas de apli­ca­cio­nes o en los motores de búsqueda.
• Reforzar la marca: una buena imagen de marca facilita que los usuarios puedan re­co­no­ce­r­la rá­pi­da­me­n­te, lo que puede de­sem­pe­ñar un papel im­po­r­ta­n­te en su toma de de­ci­sio­nes. Tan im­po­r­ta­n­te como la creación del logo, resulta la de un favicón apropiado.

Al menos de forma indirecta, el favicón también cuenta con gran im­po­r­ta­n­cia en el SEO. Aunque los pequeños iconos no tienen una in­flue­n­cia directa en el po­si­cio­na­mie­n­to en bu­s­ca­do­res, hay razones que explican por sí solas por qué resultan im­po­r­ta­n­tes:

Es difícil es­ta­ble­cer de forma única qué co­n­s­ti­tu­ye un buen favicón. Por supuesto, la marca y su línea de diseño van a influir a la hora de crearlo. Aunque muchas empresas utilizan su logotipo como favicón, realmente no siempre puede ser así. Todo depende de si el logo sigue re­su­l­ta­n­do atractivo cuando se reduce su tamaño y su re­so­lu­ción. Es im­po­r­ta­n­te conocer algunas de las reglas básicas para crear un favicón adecuado:

• Identidad co­r­po­ra­ti­va: los ejemplos de faviconos que tienen éxito siempre se ajustan a la identidad co­r­po­ra­ti­va de una empresa. En los casos en los que no puedas usar tu logotipo como favicón, el icono de imagen elegido debe coincidir a primera vista con el resto del diseño. Solo así es posible conservar el carácter di­s­ti­n­ti­vo de la marca.
• Menos es más: dado el reducido tamaño de los faviconos, no es una buena idea incluir en ellos detalles ni diseños so­fi­s­ti­ca­dos, sobre todo si se van a mostrar en sma­r­t­pho­nes. Una buena propuesta de favicón puede incluir úni­ca­me­n­te las iniciales de una marca. De hecho, es muy poco común que en un favicón se pueda presentar el nombre completo de una marca. Por ello, tiene más sentido recurrir a la letra inicial o a un icono sencillo pero si­g­ni­fi­ca­ti­vo.
• Colores adecuados: los colores usados en el favicón también deben respetar la identidad co­r­po­ra­ti­va. Si puedes hacerlo, usar colores que co­n­tra­s­ten es una buena idea, pues de este modo se consigue captar la atención con mayor rapidez. No obstante, ten en cuenta que cada navegador puede mostrar el favicón de forma diferente. Por ejemplo, pueden mostrarse sobre un fondo blanco o gris, lo que puede cambiar li­ge­ra­me­n­te el impacto del contraste cromático.

Si deseas incluir un favicón en tu página web, debes respetar el tamaño del favicón. Aunque no­r­ma­l­me­n­te las medias son de 16 x 16 píxeles, 32 x 32 píxeles o 48 x 48 píxeles, hay algunos na­ve­ga­do­res que no respetan esta norma. Descubre las ex­ce­p­cio­nes:

Los faviconos pueden crearse en di­fe­re­n­tes formatos. El más común es .ico, un formato de archivo que permite di­fe­re­n­tes pro­fu­n­di­da­des de bits y re­so­lu­cio­nes. Además, es co­m­pa­ti­ble con la mayoría de los na­ve­ga­do­res. No obstante, en la creación de estos iconos de imagen también se puede usar .png, .gif o .svg., si bien estos formatos no son siempre co­m­pa­ti­bles con todos los na­ve­ga­do­res. El formato .jpg tiene una re­so­lu­ción menor.

En la Digital Guide puedes encontrar numerosos artículos que te re­su­l­ta­rán de gran ayuda para tu proyecto online. Además de la guía de estilo perfecta para páginas web, puedes encontrar in­fo­r­ma­ción sobre cómo añadir un favicón a WordPress, el tamaño de los logos y su formato, así como otros consejos y trucos para la creación de un logo.