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.
Julio 14th, 2008 at 5:26 am
gracias por la ayuda …. pero sabes q funciona correctamente en firefox y safari pero no en ie.
Julio 14th, 2008 at 9:33 am
Hola Daniel,
Si has seguido los pasos, debería verse también en IE, almenos en las últimas versiones: 7.0 y 6.0.
Si entras a la página de http://www.nbsp.cat, verás que el icono está presente tanto para Mozilla, Safari y IE. Está hecho tal y como se explica en el blog.
Saludos!