Tutorial. Cómo incorporar el Favicon en tu Página Web

Un favicon, del inglés favorites icon también conocido como icono de página, es una pequeña imagen asociada con una página web en particular. Los navegadores gráficos suelen mostrar el favicon de la página visitada, si ésta lo posee, en la barra de direcciones y en el encabezado de la pestaña correspondiente.

Es el icono que sale en la barra de direcciones, por ejemplo:

Se incorpora en el favicon el logo de la empresa, para incorporarlo seguimos los siguientes pasos:

1) Tenemos que saber en donde está el favicon y  nos vamos al código fuente de la página web:

2) Y nos muestra el nombre  en el código fuente de la página. Y luego procedemos a buscar el nombre de: favicon.ico

3) Ya que encontramos la liga nos vamos al Photoshop para diseñar el icono.

Y diseñamos el favicon.ico que es una imagen cuadrada que mide 16 x 16 pixeles y  es una imagen cuadrada o también puedes diseñarlo con un script en línea subiendo tu logo y automáticamente y se descarga.  http://tools.dynamicdrive.com/favicon/

Hacemos una imagen que sea cuadrada digamos 50 x 50 y después cambia colores y tamaño etc.

4) Posteriormente grabamos “file save for web and Devices” con el mismo nombre: favicon.ico,  que sea JPG High a 16 x 16 pixeles y le damos “save” grabandolo tal cual el nombre favicon.ico.

5) Tal cual ahora lo subimos al FTP y lo reemplazamos. Borramos el cache y aparecerá nuestro nuevo Favicon!