Qué es un Favicon y cómo agregarlo al sitio web

Publicado por
en Guía práctica el 27 diciembre 2012, 12:56
Qué es un Favicon y cómo agregarlo al sitio web
En este artículo describiré qué es el favicon, los beneficios de agregarlo a tu sitio web, y los pasos para agregarlo. Al final podrán ver un video tutorial.

¿Qué es el Favicon?

Un favicon (abreviatura de “ícono favorito”) es una pequeña imagen estática o animada que aparece en la barra de título de la página web, a un lado de la dirección web en la barra de direcciones del navegador y/o a un lado del título dentro de la lista de favoritos. Su visualización depende del tipo de navegador que estés utilizando. Anteriormente, un favicon sólo podía ser una imagen estática (no animada) pero actualmente podemos ver varios tipos de gráficos animados (Favicon Animado).

Los favicons son archivos especiales con extención .ICO. El tamaño de la imagen del favicon es de 16 x 16 pixeles. Si no eres diseñador no te preocupes, puedes crear una imagen fácilmente en el sitio web http://favicon.cc.

La siguiente imagen muestra dos lugares donde se puede ver el Favicon:


Beneficios de agregar el Favicon a tu sitio web

El favicon parece ser una imagen pequeña sin importancia, pero en realidad juega un papel muy importante en tu sitio web. Abajo encuentra tres beneficios de agregar el favicon a tu sitio web. 

  • Presenta tu marca - La imagen de favicon mejora la imagen de la marca de tu sitio web. 
  • Crea confianza - Cuando tus visitantes vean la imagen de favicon en tu sitio web sentirán que eres más profesional. Genera confianza y credibilidad. 
  • Fácil de encontrar - ¿Qué es lo primero que ves en un sitio web? Claro, las imágenes. Esto también aplica con el favicon ya que es una imagen. Imagina que tienes muchos sitios web guardados en la lista de Favoritos (Bookmarks). Será más rápido y fácil de encontrar un sitio web que tenga favicon, ya que lo primero que ves son las imágenes. 


Cómo agregar favicon al sitio web

Primero tienes que diseñar tu favicon. Si no eres un diseñador, hay varias herramientas en línea que pueden ayudarte a crear fácilmente tu propio favicon. Por ejemplo: favicon.cc. Diseña tu favicon y guarda la imagen en tu computadora.

Para activar la aplicación Favicon en tu sitio web sigue los siguientes dos pasos desde tu panel de control:

  1. Ve a Panel de control > Aplicaciones.
  2. Busca la aplicación Favicon y haz clic en el botón Activar.


Ahora tienes que configurarlo.

Para configurar tu favicon sigue los siguientes cuatro pasos desde tu panel de control:

  1. Ve a Panel de control > Aplicaciones.
  2. Busca la aplicación Favicon y haz clic en el enlace Configurar.
  3. Selecciona una imagen de tu computadora haciendo clic en Choose file.
  4. Haz clic en el botón Subir.

Aquí abajo podrás ver el video tutorial para agregar el favicon a tu sitio web.

Los comentarios han sido desactivados para este artículo