tecnoiglesia.com

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:

 favicon1

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:

 favicon2

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

 favicon3

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

 favicon4

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/

 favicon5

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!

 favicon1

Compartir esesta publicación:

Login to enjoy full advantages

Please login or subscribe to continue.

Go Premium!

Enjoy the full advantage of the premium access.

Stop following

Unfollow Cancel

Cancel subscription

Are you sure you want to cancel your subscription? You will lose your Premium access and stored playlists.

Go back Confirm cancellation