¿Alguna idea de por qué esto no está funcionando?
<link rel="icon" type="image/png" href="Favicon.png"/>
Simplemente no está apareciendo. Utilicé exactamente la misma configuración en un sitio web de práctica local, y funcionó bien (también usaba la misma imagen). ¿Se supone que debes poner la imagen en el servidor de tu sitio web y hacer referencia a ella como lo hice yo? ¿O hay algo de lo que no sé?
Además, ¿cómo obtienes exactamente un favicon para aparecer en IE? Sí, he investigado esto y todos los métodos que he encontrado simplemente no funcionan ...
Respuestas
0 para la respuesta № 1Sí, deberías subir el archivo a tu web.servidor. La razón por la que esto funciona localmente para usted es porque está en el mismo archivo que su documento html. Hay dos cosas que haces para que tu favicon funcione:
Sube el archivo a la misma carpeta que en tu documento html. Si tiene un servicio de alojamiento web, como altervista.org, puedes subir tu favicon al sitio web.
Sube tu favicon a un sitio web de carga de imágenes. Puede usar Google Drive para todo lo que valga, cualquier sitio web que pueda mostrar públicamente sus fotos está bien. Si lo carga en un servidor, puede encontrar el enlace a su imagen y la referencia que aparece en su etiqueta de enlace.
Esperemos que esto ayude!
1 para la respuesta № 2
Simplemente puede colocar el icono [favicon.ico] en el directorio raíz de su sitio web. Eso fue lo que hice. Oh sí, para responder a la pregunta, podría ser porque es un png;)
Hay un convertidor de archivos PNG a ICO en línea, así que eso es lo que solía solucionar el problema de IE. Www.convertico.com
* Si prueba esto localmente, es posible que no se muestre. Mis páginas locales no muestran un favicon.
0 para la respuesta № 3
Me enfrenté al mismo problema. Después de comprobar mi código completo durante horas, finalmente descubrí el problema. Utilicé base La etiqueta provocó que el icono de favicon no se mostrara. Cuando lo eliminé, el problema se resolvió. Por lo tanto, le recomiendo que elimine la etiqueta base si la ha usado en su sitio web.
Espero que pueda ayudar!