Conectate con nosotros

Web

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

Publicado

el

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

Cristiano de corazón, adorador por convicción, Tecnoiglesiólogo, Apasionado por la producción, Co-fundador de Kunai Fight Gear

Anuncios
Comentarios
>

HOLA SOY PEDRO.

Te invito a que registres tu correo electrónico para recibir información, tips y recursos para ayudarte con la tecnología en tu iglesia.

No compartiremos tu email con nadie.

A %d blogueros les gusta esto: