Un favicon es la imagen que aparece en la barra de direcciones de nuestro navegador cuando visitamos una página web. Si la página no tiene creado un favicon se muestra el favicon por defecto (una hoja en blanco en firefox).

Para añadir un favicon a nuestro blog o página web no basta con subir una imagen y enlazarla. La imagen debe tener una extensión del tipo .ico y para crear un favicon.ico a partir de una imagen lo más fácil es hacerlo de forma online, ya que podrás crear tu favicon en un minuto sin tener que instalar nada en tu ordenador.

Existen varias utilidades para crear un favicon.ico de forma online, como puede ser FavIcon Generator que es el que utilizo yo normalmente o por ejemplo Genfavicon que es el que veremos hoy.

Nos centraremos en Genfavicon y no en FavIcon Generator porque este último solo está en inglés y además no permite editar la zona de la imagen que quieres convertir en un favicon. Yo lo utilizo porque es extremadamente rápido, subes una imagen pinchas en “Create Icon” y a descargar tu favicon. Sin embargo Genfavicon aun siendo también muy rápido, está en español, es gratis y te permite elegir que zona de la imagen quieres convertir en un favicon. Veamos como hacerlo:

1º) Lo primero será dirigirnos a Genfavicon. Una vez allí fíjate en el primer recuadro (de color naranja) llamado “Seleccionar la imagen”. Puedes elegir entre usar una imagen ya alojada en una página web o subirla directamente de tu disco duro. Para usar una imagen que está en La Red debes introducir su URL en el casillero que aparece bajo “Indique la URL de la Imagen”. Para subir una imagen desde tu ordenador pincha en el botón “Examinar” y búscala en tu disco duro. En cualquiera de los dos casos cuando la tengas pincha en “Subir Imagen”.

2º) Ahora fíjate que tu imagen aparecerá arriba a la derecha cubierta por una región sombreada. Modifica esta región, actuando sobre los cuadraditos que aparecen por su periferia, para elegir la zona de la imagen subida que quieres transformar en favicon.

3º) Cuando hayas terminado debes elegir el tamaño de tu favicon. Para hacerlo fíjate en el segundo recuadro (de color verde) y selecciona 16×16 (tamaño normal de un favicon en la barra de direcciones). Después pincha en el botón “Captura & Previsualización”.

4º) Ahora en el tercer recuadro (de color azul) podrás ver como queda el favicon. Si no estás satisfecho con el resultado repite los pasos anteriores. Si te gustó como quedó pincha en “Descargar Favicon”.

Y con eso ya tendrás tu favicon creado, solo te queda subirlo a tu página e insertar el código necesario para que se visualice correctamente. Normalmente bastará con incluir esta línea en la cabecera de tu página <link rel=”shortcut icon” href=”/favicon.ico” /> pero si no sabes como hacerlo puedes leer este tutorial de TensaiWeb. Espero que les sea de utilidad. Saludos avinagrados.