1. Home
  2. Glosario de Marketing

Favicon

¿Qué es un favicon?

El favicon es pequeño icono, normalmente con una dimensiones de 16×16 o de 32×32 píxeles) que se muestra junto al nombre de las pestañas que se encuentra abiertas en el navegador web. Es un elemento visual muy utilizado para que los usuarios puedan identificar de un vistazo el sitio web al que pertenece cada una de las pestañas abiertas.

Si te fijas en esta pestaña que tienes abierta, arriba a la izquierda junto al título de esta web, puedes ver como nuestro favicon es un sobre de color azul y blanco que es el logotipo empresarial de Mailrelay.

1. Uso de los favicon

No todo el mundo coloca un favicon en su sitio web, siendo habitual encontrarse muchos blog que no se toman la molestia de configurarlo y en lugar de ello dejan por defecto el de su CMS, el de WordPress, Jommla o Prestashop. Si bien, es recomendable usar uno personalizado dado que:

  • Transmite tu imagen de marca cuando alguien está navegando por tu sitio web.
  • Permite que tus páginas sean identificables fácilmente cuando se tienen abiertas varias pestañas.
  • Cuando la página es guardada en favoritos, hace que sea mas fácil de identificar y visitada nuevamente.

2. Claves para crear un favicon

Antes crear tu propio favicon, ya sea con una aplicación web o una de escritorio, es aconsejable que tengas en cuenta los siguientes factores, no en vano proyectará tu imagen de marca:

– Ha de ser fácilmente reconocible. Procura usar una versión reducida de tu logotipo o elementos que lo asocien tu marca.

– Sencillo por encima de todo. El reducido tamaño de un favicon no permite hacer complicados diseño, opta por dar prioridad a la legibilidad y sencillez.

– Atrayente y llamativo. Trata de dotarle de una forma y color que le permita destacar entre el resto de pestañas.

– Formatos y tamaños. El formato gráfico ideal para un favicon es el .png (al permitir transparencias) pero también puede ser .ico, .png, .jpg, .gif y .svg. El tamaño estándar es 16×16 píxeles con una resolución 72 píxeles/pulgada, en modo RGB y con la profundidad de 32 bits

3. ¿Cómo cambiar el favicon en WordPress?

El uso de WordPress está muy extendido y no todo el mundo se toma la molestia de cambiar su favicon en sitio web creado con WordPress, a pesar de que es muy sencillo.

Para cambiar el favicon en WordPress tan solo ve al menú de la izquierda y selecciona: Apariencia>>Personalizar. Con ello se mostrará en pantalla el editor de personalización del tema.

Ahora, en la columna de la izquierda, selecciona: Cabecera>>Identidad del sitio y, haz scroll hacia abajo hasta llegar a Icono del sitio. Una vez allí selecciona: Cambiar La Imagen, selecciona tu favicon y carga tu favicon. Solucionado.