Poner icono favicon a nuestra web
Veamos el proceso de poner el icono favicon en nuestra web. Le dará personalidad y la hará más visible en las pestañas y en favoritos de nuestro navegador web.
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.
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 icono favicon de nuestra web 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