HTML Poner un Icono al lado de nuestra URL 
Función : Cuando alguién guarda nuestro sitio en sus "bookmarks" también se le guardará este icono que hemos añadido a nuestro sitio y cada vez que consulte sus favoritos vera al lado de nuestra URL el correspondiente icono. Cuando alguién vivite nuestro sitio, al principio al lado de nuestra URL aparecerá este icono en el navegador..
Navegadores IE5+, NS6+, últimas versiones FireFox, Opera, etc.
¿Cómo hacerlo?
Para añadir un icono como el que se ve en esta imagen
al lado de nuestra URL tenemos dos opciones :
-
Buscamos un fichero ".ico", tiene que tener el formato estandard Windows para los iconos, sino el navegador lo ignorará. Renombramos el fichero exactamente como favicon.ico, todo en minúsculas, no se puede hacer ninguna variación.
Colocamos el fichero en la raíz de nuestro sitio donde tenemos nuestro fichero index.html. Esto es todo lo que se tiene que hacer.
-
Insertar el siguiente código entre <head> ... </head> de nuestras páginas
<link rel="shorcut icon" href = "http://www.midominio.com/miicono.ico" type="image/x-icon" /> <link rel="icon" href = "http://www.midominio.com/miicono.ico" type="image/x-icon" />
Se tendrá que cambiar la ruta y el nombre del icono, por nuestras respectivas ruta y nombre de nuestro icono, en nuestro sitio. El nombre de nuestro fichero del icono tiene que ser en minúsculas y no tiene que tener más de 8 letras y la correspondiente extensión .ico
.Como deciamos más arriba el fichero tiene que tener el formato estandar para los fichero .ico de windows, sino el sistema lo va a ignorar.
Utilizando este segundo método conseguimos que cualquier página de nuestro sitio al ser guardad como bookmark también conserve nuestro icono.
Nos tenemos que asegurar que la ruta que indicamos es el lugar exácto donde tenemos nuestro fichero .ico.
Como siempre los de Microsoft ponen condiciones y piden que el fichero .ico tenga unas medidas determinadas 16 x 16 pixels para su navegador Internet Explorer 5, sino el fichero no existe para ellos
Para crear el icono nosotros hemos utilizado un programa gratuito de Irfan Skiljan,que nos sirve para la mayoria de manipulaciones que hacemos con las fotos Irfan View, se pronuncia "IarfanViu"
Teniamos una imagen escaneada 
la editamos con
Irfan View
primero reducimos el tamaño a 16x16 pixeles, luego hemos aclarado un poco los colores, porque al ser tan pequeñito nos quedaba algo oscuro y lo hemos salvado como .ico, y ya está,
ya tenemos icono .
Los que no puede vivir sin Microsoft, se ve, que se puede hacer con su Visual Studio, aparte de las herramientas que esteis habituados a usar.
Es posible que tengais en algunos casos, que limpiar la cache de vuestro navegador y/o reiniciar el navegador, para que aparezca por primera vez el icono.
- Esta información básicamente la hemos extraido de CodeLifter
- También os puede interesar la página de Favicon