Favicon viene del inglés favorites icon. Si os fijáis en la barra de navegación, al lado del enlace de este blog, hay un pequeño icono ( nuestro logo ). Si se añade el blog a favoritos, en el listado saldría nuestro enlace y al lado el icono identificativo.
Muestra de favicon ( favorite icon )
Crear un icono favicon
Podemos crearlo con programas de diseño como Photoshop o Gimp. Los creamos con un tamaño de 16×16, a 16 colores y los grabamos en formato .ico
También podemos optar por aplicaciones online disponibles con las que podemos crearlos:
O convertirlos a partir de algún .jpg o .gif
Añadirlo a nuestra web
Una vez tenemos el favicon creado con las especificaciones comentadas, debemos modificar el código de nuestra página añadiendo dentro de las etiquetas ‘head’ el siguiente código:
<link rel=»shortcut icon» href=»http://www.undominio.com/directorio/favicon.ico»>
No hace falta que se llame favicon.ico, pero es una buena práctica dejarlo con este nombre. Por defecto los navegadores buscan este nombre para buscar el icono representativo ( sería el nombre por defecto )
Mas información