¿Forma preferida de utilizar favicons?
-
08-06-2019 - |
Pregunta
Estaba intentando agregar un favicon a un sitio web anteriormente y busqué una mejor manera de implementarlo que volcar un favicon.ico
archivo en la raíz del sitio web.
Encontré esta pequeña y agradable guía: Cómo agregar un favicon.Sin embargo, el método preferido no funcionó en IE (7) y el segundo método es el antiguo (al que me resigné a usar).
¿Existe un tercer método que funcione en todos los navegadores más populares?
Solución
Esto es lo que uso siempre:
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
El segundo es para IE.El primero es para otros navegadores.
Otros consejos
Puede usar HTML para especificar el favicon, pero eso solo funcionará en páginas que tengan este HTML.Una mejor manera de hacerlo es agregando lo siguiente a su httpd.conf (Apache):
AddType image/x-icon .ico
Creo que el método más confiable es simplemente agregar el favicon.ico archivo a la raíz de su sitio web.
No creo que sea necesaria una metaetiqueta a menos que desee anular manualmente el favicon predeterminado, pero no pude encontrar ninguna investigación que respalde mi argumento.
Así es como lo hacen aquí en Stack Overflow:
<link rel="shortcut icon" href="/favicon.ico" />
Bueno, el archivo está en la raíz, por lo que no muestra si la etiqueta funciona o si el navegador acaba de obtener el icono de la ubicación habitual (la raíz).
Editar: Lo probaré y veré si funciona.
Edición 2: El uso de ambas etiquetas hace que funcione incluso para cualquier nombre de archivo, siempre que el archivo sea un icono para IE7:Intenté usar .png
archivos y sólo funcionó con Firefox.