Aprende informática con... Pon un Favicon en tu vida y en tu blog

¿Qué no sabéis lo que es un Favicon, ni para qué sirve? Pues es lo que vamos a ver hoy.

El Favicon es ese iconito pequeñajo que aparece cuando visitamos un blog o web, en la parte izquierda, al lado del nombre. Además, cuando guardamos una página en favoritos o visitamos el historial, aparece la imagen al lado de la página, por lo que nos ayuda a localizar más fácilmente lo que estamos buscando porque la asociamos esa imagen.

Así que nos vamos a poner manos a la obra y añadir una imagen a nuestra web. Yo voy a hacerlo a partir de una imagen que quiero que sea mi favicon, pero que sepáis que también se puede crear desde cero. ¿Os gusta mi pato? A mí me encanta, jeje.

Lo primero que tenemos que hacer es transformar la imagen que nos interese y adaptarla al tamaño que tiene que tener un favicon, normalmente de 16x16 pixeles y a la extensión .ico.
Para ello he elegido el programa favicon.ico Generator, que nos va a facilitar toda la tarea. Es online, por lo que no hace falta que nos instalemos nada en el ordenador.

Nos aparece una pantalla con varias opciones. Tenemos que pulsar la opción Import Image, para que se nos abra una pantalla donde podamos seleccionar la imagen que queremos adaptar para nuestro favicon.

Pulsamos el botón Examinar, elegimos la imagen.

 

Dejamos seleccionada la opción Keep dimensions para que nos mantenga las proporciones de la nueva imagen, y pulsamos el botón Upload.

Nos volverá a ir a la primera pantalla perooooo con nuestra imagen cargada. No hagáis caso de cómo os sale ahí. Fijaros que debajo hay una sección que pone Preview donde realmente nos muestra cómo nos va a quedar nuestra nueva imagen en pequeñajo.

Por último sólo nos queda pulsar el botón Download Favicon para guardar nuestro favicon en nuestro ordenador.

Biennnnn, ahora tenemos que ponerlo en nuestro blog.

Para ello vamos a Blogger, al menú Diseño.

Seleccionamos Editar la sección Favicon.

Se nos abre una pantalla donde lo único que tenemos que hacer es pulsar el botón Examinar para elegir el archivo que hemos creado antes y que va a ser nuestra nueva imagen del blog.

A continuación pulsamos el botón Guardar.

Pulsamos el botón de Vista previa. Si nos gusta como nos queda, pulsaremos el botón Guardar disposición.

Si no lo veis, tenéis que borrar las cookies y el historial de navegación, volver a entrar y allí estará.

Y ya tenemos listo nuestro Favicon!!!!

¿Tenéis puesto favicon en vuestro blog? ¿Cómo elegisteis vuestra imagen?