El favicon.ico es un pequeño icono que se encuentra en la barra de direcciones URL y en los marcadores creados por los navegadores web.

Por ejemplo, como se ve en la URL de Computer Hope tiene un pequeño icono (

) en el frente de la dirección.

¿Cómo puedo crear un favicon?

El favicon se puede crear utilizando cualquier generador de iconos gratuito o en un generador de favicon en línea gratuito como favicon.cc. El archivo favicon.ico debe tener una dimensión 16x16 en 16 colores y debe guardarse como un archivo .ico.

Finalmente, el archivo favicon.ico se debe cargar en el directorio raíz del servidor que aloja su página web.

¿Se puede animar el icono?

Sí, si el generador de iconos que está utilizando para crear el icono es compatible con la animación y el navegador que está usando para ver la página web lo admite, este icono puede ser animado.

¿Se puede nombrar el archivo de alguna otra forma que no sea favicon.ico?

Sí, en su código HTML agregue la etiqueta a continuación en la sección de su código.

Este ejemplo haría que el navegador busque el archivo favicon2.ico y lo use en lugar del favicon.ico. Si se está utilizando un navegador antiguo o un navegador que no admite esta función, la etiqueta se ignorará.

El favicon también se puede extraer de otro sitio web. Por ejemplo, para usar el favicon de Computer Hope en su sitio, puede agregar la etiqueta de abajo en su sección.

Sugerencia: todos los navegadores de hoy no requieren que esta etiqueta se coloque en todas las páginas que cree siempre que haya un archivo favicon.ico almacenado en el directorio raíz (inicio). Sugerimos usar esta etiqueta solo cuando desee que una página use un favicon específico o su servidor web no admita el alojamiento de archivos .ico.

¿Qué es favicon.gif?

Los navegadores de Internet más recientes están adoptando el uso de favicon.gif además de favicon.ico. Si usted es un desarrollador de sitios web o blogs, le sugerimos que utilice un archivo favicon.gif además de favicon.ico. Coloque los archivos en el directorio raíz de su sitio y en cualquier subdirectorio accesible a través de la web, para ayudar a evitar errores 404 en el registro de su servidor.

¿Por qué mi navegador no muestra el favicon?

Es posible que el favicon no se muestre por alguna de las razones a continuación.

1. Si usted u otra persona que usa su computadora ha borrado recientemente su caché de Internet, los favicons se perderán en muchos navegadores porque están almacenados en este caché temporal.
2. La página no se ha cargado recientemente o el navegador no se ve en la ubicación correcta para el favicon. Intente actualizar la página del navegador (presionar la tecla F5 en el teclado es un atajo común para hacer esto).
3. Si usted es el webmaster de una página web y no puede mostrar favicon.ico en un navegador, asegúrese de que el icono esté en el directorio raíz y tenga los permisos adecuados. Si se ha verificado esto y la página es un directorio diferente, intente colocar el archivo favicon.ico en ese directorio.
4. Finalmente, los navegadores anteriores han tenido otros problemas relacionados con el archivo favicon.ico. Asegúrese de que está ejecutando la última versión disponible del navegador de Internet para su sistema operativo.