Como hacer un favicon

Como crear un favicon, un icono

Un favicon "favorite icon", la imagen que sale en el navegador acerca de nuestra web, es una forma de darle un toque más personal a nuestro sitio.

La forma tradicional era crear una imagen de 16x16 píxeles y cambiarle la extensión a .ico (soy de la vieja escuela, tanto que aprendí programación en un Atari 800XL), pero en los tiempos modernos en que vivimos la vida se ha simplificado un monton.

Existen herramientas on line como http://www.favicon.cc/ que nos permiten crear en línea testear como se visualiza y además descargar nuestro icono a nuestro pc para posteriormente publicarlo en línea, personalmente creo que se parece al viejísimo microangelo para crear iconos.

La diferencia con otros servicios en linea, es que aquí nosotros podemos diseñar, en cambio otros existentes subimos una imagen y el resultado no siempre es el esperado debido al pixeleamiento que existe en la imagen.

Con paciencia y un poco de ingenio se pueden hacer maravillas.

Anteriormente habia explicado como poner un favicon en blogger

Como agregar un favicon en blogger Blogspot

Esa imagen que sale en el navegador o en los favoritos del mismo es llamado favicon, es una imagen con extensión .ico (icono).

El nombre favicon proviene de la abreviatura de “favorite icon” en ingles, teoricamente se puede utilizar cualquier imagen para dicho icono pero ahora seguiremos los pasos tradicionales para crear el favicon de nuestro blog.

1.- seleccionamos nuestra imagen para nuestro favicon, en mi caso la diseñe en fireworks para así conseguir la resolución adecuada inmediatamente, la imagen no debe ser muy compleja para su correcta visualización en el navegador, de 16 x 16 pixeles.

2.- transformamos nuestra imagen en formato ico para eso utilizamos el servicio web de

http://herramientas.recuweb.com/favicon/ subimos la imagen y le damos a crear posteriormente un poco más abajo nos sale la opción de descargar nuestro favicon.ico en un archivo comprimido.

3.- como estamos creando un favicon para Blogger obviamente tenemos una cuenta Google por lo que utilizamos la misma y nos vamos a:

http://sites.google.com y nos creamos un sitio para alojar nuestro icono recién creado, con la precaución de que el sitio debe ser publico para que se pueda usar el icono desde el blog.

Adjuntamos el favicon y copiamos la ruta del archivo en mi caso es

http://sites.google.com/site/faviconitoxd/Home/favicon.ico?attredirects=0

Le eliminamos hasta la extensión del archivo .ico

http://sites.google.com/site/faviconitoxd/Home/favicon.ico

nos vamos a la plantilla de Blogger y agregamos la siguiente línea

Great job :)