Favicon ¿Qué es y cómo lo creo?

En el Panel principal de Blogger, podemos añadir, suprimir y editar gadgets del blog con sólo pulsar un par de botones y arrastrar.
En él, encontraremos un pequeño cuadro que dice Favicon:

¿Qué es un Favicon?

Favicon viene del inglés: favorites icon y se trata de una pequeñísima imagen (icono) por la que se asocia un página y así puedes identificarla fácilmente de entre un conjunto de pestañas abiertas o tu barra de marcadores o favoritos, historial, lector de noticias...

Parece un detalle de lo más insignificante indigno de tener en cuenta pero no, todo lo contrario; si tu blog posee un favicon, estás haciéndolo resaltar de cientos que tienen la B de Blogger y, por tanto, atraerá la atención del lector.

En el antiguo Blogger, para tener un favicon propio en tu blog, debías tener una imagen .ico y agregarla modificando el código a través de Html pero, en la actualidad, se puede realizar de manera mucho más sencilla.

¿Cómo crear un favicon?

Existen multitud de sitios donde puedes realizar esta operación online.

Por ejemplo:
- http://www.shaheeilyas.com/favicon/
- http://favicon-generator.org/editor/
- http://www.favicon.cc/

Nosotros usaremos este último como ejemplo para dibujar el favicon online:

Una vez terminado el dibujo que usaremos como favicon, pulsa "Download Favicon" y se guardará en tu disco duro como archivo "favicon.ico"

Si no deseas hacerlo a través de un editor online, puedes crearlo a través de un editor de imágenes que te permita guardar con fondo transparente (Photoshop, Gimp...).
En ese caso, tendrás que tener en cuenta que el tamaño recomendado del favicon es de 16x16 píxeles aunque también puede ser de 64x64 ó 32x32. Tendrás que guardarlo con extensión .ico, .png o .gif (si deseas que el favicon sea animado).

Ya está creado, ¿ahora qué?

¿Cómo lo subes a tu página?
Ahora vamos al Panel de Control de Blogger y pulsamos en el gadget "Favicon", "Editar".
Se abrirá una ventana emergente.

Hacemos clic en "Seleccionar archivo", buscamos en la carpeta de descarga el "favicon.ico", lo seleccionamos y, por último, pulsamos "Guardar".

Podremos comprobar que todo está correcto porque el favicon se mostrará en el Gadget Favicon.

Resumen:
Dónde crear un Favicon: programa (Gimp, Photoshop), o editor online.
Cómo: transparente, imagen fija o animada
Tamaño: 16x16, 32x32, 64x64
Extensión: .ico, .png, .gif

PUEDES DESCARGARTE EL TUTORIAL COMPLETO EN PDF SOBRE FAVICON AQUÍ: DESCARGAR

(Con imágenes en alta resolución)
Y para más información sobre programas y webs online para crear un favicon y cómo implementarlo en tu web visita esta entrada: Formas de crear un favicon