Favicon Tutorial

Este es un tema que siempre me trae por el camino de la amargura, así que para ahorraros trabajo os pongo cómo lo he solucionado.

El caso es que hay varias formas, pero, por así decirlo algunos navegadores no dejan ver los favicons si dichas webs no están alojadas en un servidor, la alternativa a subirlas a Internet es montar un servidor virtual mediante apache (http://www.apachefriends.org/en/xampp-windows.html), en esa dirección se puede descargar, y es muy sencillo de utilizar, más adelante haré un pequeño tutorial de uso.

Una vez montada la página, sí que permite ver los iconos, yo he utilizado formato png para no complicarme.

En cuanto al código HTML, se coloca en el HEAD de la página:

<link href=”favicon.png” rel=”shortcut icon” type=”image/x-icon” />  <!– Esta línea si tu favicon es .png –>

 <link href=”favicon.ico” rel=”icon” type=”image/x-icon” />  <!– Esta línea si tu favicon es .ico –>