Poner Favicon En L Nea

Poner favicon en línea
Luego tienes que poner el favicon en tu página web e indicar su ruta con la etiqueta link entre las etiquetas de cabecera head. 
Veamos un ejemplo con una imagen enformato png: 





Dependiendo del formato, el atributo “type” cambiará:
Formatopng: image/png
Formato gif: image/gif
Formato jpeg (extension jpg o jpeg): image/jpeg


Si tienes un favicon que no respeta los estándares, el atributo “rel” también cambia: 



También se puede poner un archivo favicon.ico en la raíz de la página para que algunos navegadores lo utilicen automáticamente, pero estono es estándar. 

Notas
Creo que no es muy útil hacer un favicon para IE, dado que éste sólo lo utiliza para los favoritos.
Si utilizas un icono en un formato estándar y otro en formato ico,no te aconsejo que pongas este último en la raíz: los navegadores lo mostrarán si no encuentran la imagen en formato png.
También podemos utilizar un icono animado




favicon.ico (FAVOriteICON) es un icono, es decir, una pequeña imagen, que aparece en algunos navegadores junto a la dirección de una página web.

Es una imagen que los desarrolladores web incluyen en el sitio y apareceen la barra de direcciones, favoritos y bookmarks (en la mayoría de navegadores).
Características
El icono debe tener las siguientes características:
* Dimensiones 16 píxeles x 16 píxeles;
*16 colores (4 bits);
* Formato ICO, no BMP, no GIF, no JPG.
En algunos navegadores puedes usar iconos mayores, con más colores y en otros formatos, pero si quieres que tu icono funcionecorrectamente, hazlo de 16×16, con 16 colores y en formato ICO.
Cómo hacerlo
Puedes conseguir un editor de iconos y crear tu icono a mano o puedes hacerlo a partir de una imagen con cualquier editor.