html - transparente - get favicon
¿Tiene que incluir<link rel="icon" href="favicon.ico" type="image/x-icon"/>? (5)
De hecho, debe hacer ambas cosas, para que todos los navegadores encuentren el ícono.
Nombrar el archivo "favicon.ico" y colocarlo en la raíz de su sitio web es el método "desalentado" por W3C:
Método 2 (Desanimado): poner el favicon en un URI predefinido
Un segundo método para especificar un favicon se basa en el uso de un URI predefinido para identificar la imagen: "/ favicon", que es relativo a la raíz del servidor. Este método funciona porque algunos navegadores se han programado para buscar favicons usando ese URI.
W3C - Cómo agregar un favicon a su sitio
Entonces, para cubrir todas las situaciones, siempre hago eso además del método recomendado para agregar un atributo "rel" y apuntarlo al mismo archivo .ico.
No incluí la siguiente línea de código en mi etiqueta principal, sin embargo, mi favicon aún aparece en mi navegador:
<link rel="icon" href="favicon.ico" type="image/x-icon" />
¿Cuál es el propósito de incluirlo?
Lo uso por dos razones:
Puedo forzar una actualización del icono agregando un parámetro de consulta, por ejemplo,
?v=2. de esta manera:<link rel="icon" href="/favicon.ico?v=2" type="image/x-icon" />En caso de que necesite especificar la ruta.
Muchas personas configuran su ruta de cookies a /. Eso hará que cada solicitud de favicon envíe una copia de las cookies de los sitios, al menos en chrome. Dirigir su favicon a su dominio sin cookies debe corregir esto.
<link rel="icon" href="https://cookieless.MySite.com/favicon.ico" type="image/x-icon" />
Según la cantidad de tráfico que reciba, esta puede ser la razón más práctica para agregar el enlace.
Información sobre la configuración de un dominio sin cookies:
Si no llama al favicon, favicon.ico , puede usar esa etiqueta para especificar la ruta real (en caso de que la tenga en un directorio de images/ ). El navegador / página web busca favicon.ico en el directorio raíz de forma predeterminada.
Simplemente agregarlo a la carpeta raíz funciona de una manera, pero he descubierto que si necesito cambiar el favicon, puede tomar días actualizar ... incluso una actualización de caché no funciona.