Crea o consigue una imagen para usar como favicon. El formato recomendado es .ico, pero también se pueden usar formatos como .png o .jpg. Asegúrate de que la imagen tenga un tamaño de 16x16 píxeles.
Sube la imagen a la raíz de tu sitio web.
Agrega la siguiente línea en la sección head de tu archivo HTML:
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
Cambia "favicon.ico" por el nombre de tu archivo de imagen si es diferente.
Ejemplo de como debería quedar:
<!DOCTYPE html>
<html>
<head>
<title>Mi sitio web</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
...
</body>
</html>
- Guarda los cambios y carga tu sitio web en un navegador. El favicon debería aparecer en la pestaña del navegador y en la barra de direcciones (si el navegador soporta favicon)
Nota: Si tu imagen no se ve en el navegador puede ser porque esta en cache, limpia la cache del navegador o prueba con otro navegador.
0 Comments: