Como ya viste, los favicons son iconos muy pequeños, entonces necesitas un icono de unos 32×32 píxeles. La forma más fácil de insertar un favicon es usando una imagen o icono en formato PNG, ya que es un formato muy común y puedes crearlos o modificarlos en cualquier editor de imágenes.
ASEGURATE DE QUE EL FONDO SI SEA .png OSEA TRANPARENTE
Ahora, el código HTML recomendado es este:
<link rel="shortcut icon" href="favicon.png">
El código debe insertarse entre las etiquetas <HEAD> tu página HTML.
Lo único que debes de cambiar es el nombre del archivo de imagen en donde esta tu icono, en este caso el archivo se llama favicon.png. También es importarte asegurarte de que el icono esté en la misma carpeta de tu página web, pero si el archivo está en otra carpeta entonces tendrás de escribir la dirección del archivo completa o relativa.
Consigue tu propio Web Hosting aquì
