Tecnología

Inicio

Cómo agregar un favicon a tu sitio Web

Cómo agregar un favicon a tu sitio Web


Un favicon (icono de favoritos) es una versión de píxel de 16 por 16 de su logotipo o una imagen que desea utilizar para representar a su sitio web. Se muestra en la barra de pestañas y la dirección de una ventana del navegador en la parte delantera de la dirección de su página web. Cuando alguien marcadores o guarda su página Web a sus favoritos, el favicon se muestra junto con el título de la página web en su lista de favoritos o marcadores.

Instrucciones

1 Guarde su icono a una ubicación dentro de la ruta de sitio web, por ejemplo, "/images/myicon.png." Al utilizar el formato PNG (Portable Network Graphics) para el icono le dará la ventaja de una imagen que puede incluir la transparencia en su diseño. La mayoría de los navegadores modernos aceptan una imagen PNG. Para mantener la compatibilidad con todos los navegadores, incluyendo las versiones anteriores de Internet Explorer, utilice una imagen "ico" (mapa de bits).

2 Agregue el código siguiente a su página web entre las etiquetas <head> y </ HEAD>:

<Link rel = "icono de acceso directo" href = "/ images / myicon.png" />

3 Guarde la página web y el archivo de icono a su servidor web. Mantener la estructura ruta del directorio mostrado anteriormente cuando se sube tus archivos. Después de haber cargado todos los archivos, navegar por un navegador a su página web y asegúrese de que aparezca el icono en la barra de direcciones inmediatamente antes de su título de la página web.