Ese “pequeño” toque de distinción.
Publicado por: uaozé en tutoriales, tags: .ico, favicon¿Harto ya de ver tu web sin personalidad? ¿Cansado de verla como todas? No se preocupe, Betacontinua tiene la solución. Toda su web mejorará tan sólo con añadir ese pequeño y olvidado icono de la barra de direcciones. Ahora tu web resaltará entre las otras pestañas del firefox, será una web distinguida y por lo menos, por lo menos, una web 5.0.
A ver, para añadir ese iconito que aparece en el navegador, junto a la url, es muy sencillo. Lo único que hemos de hacer es poner dentro dle bloque <head> la línea:
<link rel=”shortcut icon” href=”<%=URLBase%>/images/favicon.ico” >
Para obtener la imagen favicon.ico que indicamos podemos hacerlo en un par de minutos desde alguna web que haya destinada para este asunto. Si tomamos una que ya tengamos hemos de tener en cuenta el tamaño (no vayamos a poner la foto de nuestras vacaciones, sino una de 16×16) y además ha de ser con formato de icono .ico.
Algunas webs nos ayudan en esta tarea. Por ejemplo, http://genfavicon.com/es/ nos genera el .ico a partir de imágenes en jpg o bmp. Si no tenemos ninguna a mano y tenemos buena mano, podemos usar directamente http://www.favicon.cc/, donde creamos, pixel a pixel, nuestro icono. Es muy sencillo su manejo… rápido y sencillo.
Y voilà! ya tenemos un pequeño detalle más, ese pequeño toque de distinción.
Entradas (RSS)