Lo primero que debemos hacer es crear el icono de 16×16 píxeles con nombre de fichero favicon y con extensión .ico. Para crear el .ico a partir de otro tipo de fichero de imagen (jpg, gif, png …) podemos utilizar por ejemplo el programa gratuito IrfanView.

Una vez tenemos el icono realizado, sólo hay que añadir en el código html de nuestras páginas entre las etiquetes <head> y </head> la siguiente línea:

<link rel=”shortcut icon” href=”favicon.ico” mce_href=”favicon.ico” type=”image/x-icon” />

Ahora ya podemos subir los ficheros al servidor y comprobar los resultados (funcionará en Internet Explorer, Firefox, Safari …). Anotar que el nombre de fichero debe ser favicon.ico y se recomienda que esté en la raíz. En algunos casos es recomendable utilizar direcciones absolutas para su funcionamiento.

Artículos relacionados