Para que el favicon se muestre correctamente en la web tienes que editar el código HTML de tu página web. Simplemente, especifica su ruta empleando una etiqueta Link entre las etiquetas de cabecera Head del archivo HTML.
A continuación, puedes ver un ejemplo con un favicon en formato PNG, ubicado en la carpeta imágenes:
code : <link rel=”icon” type=”image/png” href=”/imágenes/mifavicon.png” />
Dependiendo del formato, el atributo type cambiará:
code : Formato PNG: image/png;
code : Formato GIF: image/gif;
code : Formato JPEG (extension JPG o JPEG): image/jpeg.
Si tienes un favicon que no está en un formato de imagen estándar, el atributo rel también cambia:
code : <link rel=”shortcut icon” type=”image/x-icon” href=”/images/icon1.ico” />
También es posible poner un archivo favicon.ico en la raíz de la página para que algunos navegadores lo utilicen automáticamente, pero esto no es estándar.
