El favicón es la imagen gráfica que se muestra con el título de la página web. Además del título, también está deshabilitado en la historia, en los marcadores, la pestaña de navegadores. Por lo tanto, el Favicon también puede referirse como el icono del sitio web, icono de marcador. El favicon generalmente se crea en .Formato de archivo ICO que es compatible con todos los navegadores famosos. Sin embargo, varios navegadores tienden a soportar .SVG, .png, .gif y .Formato PNG para Favicon.

Teniendo en cuenta la importancia del Favicon, este artículo proporciona el siguiente resultado de aprendizaje:

- el propósito del favicón

- Agregar un favicon a su página web

Propiedades de un favicón

Como se dijo anteriormente, el Favicon se usa para agregar un icono gráfico con su nombre de título. El Favicon depende de las siguientes propiedades:

Formato de imagen: El formato de imagen es el ingrediente clave para hacer el favicon. Los formatos compatibles son, .ICO, .SVG, .png, .JPG, y .gif. La mayoría de los navegadores conocidos como Chrome, Firefox, Opera, Microsoft Edge y Safari, admiten todos estos formatos. Sin embargo, las últimas versiones de Internet Explorer admiten estos formatos.

Tamaño de la imagen: El tamaño del icono varía de un propósito a otro. Algunos de los tamaños más usados ​​se indican a continuación:

- 16 × 16 (píxeles) se recomienda para el icono del navegador

- 32 × 32 (píxeles) para el icono de acceso directo

- 96 × 96 (píxeles) para el icono de acceso directo de escritorio

Cómo agregar el favicon a una página web

El favicon se puede agregar a la página HTML utilizando la etiqueta admitida por el HTML. Para una mejor comprensión, hemos proporcionado un procedimiento paso a paso para agregar un Favicon a su página web.

Antes de entrar en pasos, asegúrese de haber colocado la imagen de Favicon en el directorio raíz de su página web. Además, también se recomienda usar el tamaño correcto según el uso del Favicon.

Paso 1: Abra el código HTML de su página web y navegue a la etiqueta

Paso 2: Agregue la etiqueta interior de la etiqueta con el href Propiedad dirigiendo hacia la ubicación de su Favicon. El código HTML que se proporciona a continuación se refiere al uso de la etiqueta para agregar un Favicon:

Bienvenido a Linuxhint

La imagen del código se muestra aquí:

Paso 3: Una vez que la etiqueta se coloque correctamente, guarde el código y vuelva a cargar su página web. Como la página se vuelve a cargar, el icono se colocaría con el nombre del título como se puede ver en la imagen a continuación:

Aquí tienes!

Siguiendo los tres pasos mencionados anteriormente, habría aprendido a agregar el Favicon a su página web

Conclusión

El favicon es la imagen gráfica que se muestra con el título de la página web. Varias otras ubicaciones también permiten que el Favicon se muestre con el título de la página. Por ejemplo, encontrará el favicon en los marcadores, la historia, donde se muestra el título de la página. Este artículo proporciona los pasos esenciales para agregar un favicon a su página web. Además, las propiedades contenidas por Favicon también se describen,