Quickribbon Programas y Utilerías: Agrega un Favicon a tu sitio Web o Blog

Por favor participa con tus comentarios en cada programa, aplicación o método haya sido de utilidad (tus comentarios son muy valiosos).




Fill out my online form.
Google

miércoles, 2 de julio de 2008

Agrega un Favicon a tu sitio Web o Blog

Que son los “Favicon”?


Favicon (abreviatura del inglés 'favorites icon'), también conocido como icono de página, es un icono asociado con un sitio o página Web en particular.

Es la imagen que aparece antes de la dirección de un sitio en la barra de dirección, así como en las pestañas de un navegador Web.


El tamaño apropiado es de 16x16 pixeles, y el formato mas usado es ICO, sin embargo algunos navegadores también soportan los formatos de imagen GIF y PNG.

Por que agregar un Favicon a mi sitio o blog?

Es importante que tu sitio o blog tenga su “Favicon” propio, original y diferente, ya que es un elemento que permite distinguirlo del resto.

Por ejemplo:

Despliega la lista de favoritos de tu navegador, y veras que llaman mas la atención aquellos que tienen Favicon de lo que no lo tienen (los que no tienen aparecen con un icono que por defecto asigna tu navegador, el cual pues no tiene mucha gracia).

Como agregar un Favicon.

Lo primero que debemos hacer es tener una imagen que sea sencilla pero a la ves original y fácil de identificar.

Después debemos convertir la imagen a formato ICO, GIF o PNG a una resolución de 16x16 pixeles, para convertirla a formato .ICO “on line” puedes hacerlo en cualquiera de los sitios siguientes:

Favikon
http://www.favikon.com

FavIcon from Pics
http://www.html-kit.com/favicon

Una ves que hayas generado tu Favicon, debes agregar a tu plantilla después de <head> el siguiente código:

<link href='AGREGA LA URL DE LA IMAGEN DE TU FAVICON' rel='shortcut icon'/>

Donde dice “AGREGA LA URL DE LA IMAGEN DE TU FAVICON” debes cambiarlo por la ruta completa (incluyendo http://) donde alojaste la imagen de tu Favicon, guarda los cambios, y listo ahora tus usuarios podrán verlo.



Páginas donde podrás encontrar iconos:

Icon Archive
http://www.iconarchive.com/

NO DEJES DE VISITAR:
http://www.buscate.com.mx

2 comentarios:

the_maui dijo...

buenas....

sabes..tan super buenos tus aportes..
pero sabes que no he podido hacer funcionar el favikon..

nose que pasa pero e intentado hartas cosas y no e logrado conseguirlo...

no me funciona, que pasara?

cocoscuba dijo...

Verifica que el formato de tu favicon sea .ico así mismo que estés agregando el código en el HTML de tu plantilla después del head. Así mismo que sea correcta la ubicación de donde tienes alojado tu favicon.

Saludos cordiales,


Cocoscuba
http://www.buscate.com.mx